Selected option text overflows into arrow / clear button

Topic: Selected option text overflows into arrow / clear button

UNNdev pro premium priority asked 11 months ago

Expected behavior

Select should have a padding-right wide enough for the text not to overflow into the arrow or the clear button (if present).

Actual behavior

Selected option overflows into the arrow / clear button.

Resources (screenshots, code snippets etc.)

Michał Duszak staff answered 11 months ago

Thank you for this suggestion. By the time we get this done you can use this CSS:

.select-input {
  padding-right: 16px !important;

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: Pro
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 3.8.0
  • Device: All devices
  • Browser: All browsers
  • OS: All operating systems
  • Provided sample code: No
  • Provided link: Yes