Topic: Long option names in material select

Tobias Stampfl free asked 5 years ago

When using a multiple material select with long option names, two problems appear: The current option text is mixed up with the dropdown arrow: material disign problem The dropdown panel mix up the option names with the checkbox, when the text wraps. material disign problem Do you have a solution to fix the problems?

Marta Wierzbicka staff answered 5 years ago

hi, with the first issue you can set e.g.
.select-wrapper {
    max-width: 95%;
and with the second issue, in our docuemntation here: I don't see this problem. Please make sure you have correct code. If it still will be wrong, you can send me files with your code to and I will check this. Look at the attached screenshot: screen Best, Marta

Please insert min. 20 characters.


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


Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No