I have a select element where options are built from parts of a database table rows. The content is typically up to 100 characters in length.
We are trying to build a responsive interface using bootstrap. On the phone version (class="col-xs-n"), the select pulldown extends FAR to the right of the viewable area; to see items requires moving to the right on the phone, a messy and non-professional look.
The customer requires that most of the content (at least 80%) needs to be in each <option>xxx</option> element.
I have tried inserting a line break (<br>) in the middle of the string, doing that only shows the portion AFTER the <br> in the option pulldown.
There must be a way to do this or another technique for showing a pulldown list with VERY lengthy option content.
Suggestions?
Our community of experts have been thoroughly vetted for their expertise and industry experience.
The Distinguished Expert awards are presented to the top veteran and rookie experts to earn the most points in the top 50 topics.