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 input.select-dropdown {
    max-width: 95%;
}
and with the second issue, in our docuemntation here: https://mdbootstrap.com/javascript/material-select/ 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 m.szymanska@mdbootstrap.com and I will check this. Look at the attached screenshot: screen Best, Marta

Please insert min. 20 characters.

FREE CONSULTATION

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

Status

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
Tags