Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: MDB Select Option text width overflow

Globewyze priority asked 2 years ago


Expected behavior The width should expand according to length of the text.

Actual behavior The text written on options is hidden due to long length. enter image description here

Resources (screenshots, code snippets etc.)


Krzysztof Wilk staff answered 2 years ago


Hi!

Thanks for reporting that, we'll check that as soon as possible. For now, you can make the selects popper wider with this CSS rule :)

div[data-popper-reference-hidden='false'] {
  width: 300px !important;
}

sody priority commented 2 years ago

hi, where this should go ?

it didn;t work for me if i put this in my css or my header style section

Sami



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

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB React
  • MDB Version: MDB5 5.0.0
  • Device: Lenovo T470
  • Browser: Chrome
  • OS: Window 10
  • Provided sample code: No
  • Provided link: No