1. MDB Home Page
  2. Support Main Page
  3. MDB Standard
Topic: select dropdown option text wrap.

jcarvalho priority asked 10 months ago

Hi

How to do select dropdown option long text to wrap?

I have defined the css as below but it is not wrapping.

select-option-text { width: auto !important; overflow-wrap: break-word; white-space: normal; word-wrap: break-word !important; display: inline-block;}

also tried adding data-mdb-option-height="100" to select. but no luck.

Please make a note that it is on the mdb modal

jcarvalho priority answered 10 months ago

Thank you. It worked. Appreciate for putting the sample.

Kamila Pieńkowska staff answered 10 months ago

I've prepared a snippet for you: https://mdbootstrap.com/snippets/standard/kpienkowska/6132313

Write
Create snippet
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 Standard
  • MDB Version: MDB5 7.1.0
  • Device: mac
  • Browser: google chrome
  • OS: mac,linux
  • Provided sample code: No
  • Provided link: No
Tags
select option text wrap
About author
jcarvalho
0Support score
28Questions 5Answers 2Snippets