Topic: Long option names in material select
Tobias Stampfl free asked 7 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:
The dropdown panel mix up the option names with the checkbox, when the text wraps.
Do you have a solution to fix the problems?
Add comment
Marta Wierzbicka staff answered 7 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:
Best,
Marta
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Specification of the issue
- ForumUser: Free
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Tags