Selected option text overflows into arrow / clear button


Topic: Selected option text overflows into arrow / clear button

UNNdev pro premium priority asked 3 years 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.)

https://mdbootstrap.com/snippets/standard/kayem79/3130200


Michał Duszak staff answered 3 years 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.

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 3.8.0
  • Device: All devices
  • Browser: All browsers
  • OS: All operating systems
  • Provided sample code: No
  • Provided link: Yes