Select with chips


Topic: Select with chips

silviaquadraweb pro premium priority asked 4 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 4 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 4 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 4 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


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • 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