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

jcarvalho priority asked 5 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 5 months ago

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

Kamila Pieńkowska staff answered 5 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
26Questions 5Answers 2Snippets