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.