Topic: Select with chips
silviaquadraweb pro premium priority asked 5 months ago
Expected behavior
Implement an mdb-select with chips functionallity because i have a set of possible selectable items but i would like to let the user insert new ones.
Actual behavior
I can't find anything in the doc to achieve the expected result. See resource for reference
Resources (screenshots, code snippets etc.)
<select data-mdb-select-init data-mdb-chips-input-init data-mdb-filter="true">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
This is what i've tried (knowing that it would probably not work, which is indeed the result) What i would like to do is something like this: https://select2.org/tagging
Grzegorz Bujański staff answered 5 months ago
Unfortunately, we do not have a built-in option that provides this option. But you can do it like this: https://mdbootstrap.com/snippets/standard/grzegorz-bujanski/6198839#js-tab-view
silviaquadraweb pro premium priority answered 5 months ago
Thank you for your answer, while it is indeed a solution i think that our customer might complain for the UX which feels too different from the ideal solution. We would need it to work with multiple select in our real case scenario. Is there any chance to see this feature become a real thing in the future? Just asking, in the while we will need to find an alternative
Grzegorz Bujański staff commented 5 months ago
Unfortunately, we do not plan to add this feature in the near future. Here you will find an example for Select multiple: https://mdbootstrap.com/snippets/standard/grzegorz-bujanski/6201381#js-tab-view but this is not a perfect solution either - after adding a new option, the dropdown will close and open again
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: MDB5 7.2.0
- Device: iMac
- Browser: 126.0.6478.183 (Build ufficiale) (arm64)
- OS: MacOs
- Provided sample code: No
- Provided link: Yes