CODEWITHSUNDEEP
htmliphoneselect
Erica Stockwell-Alpert
Erica Stockwell-Alpert

Reputation: 4863

HTML Select in iPhone: how to turn off ellipses?

I have a select box where each option has the potential to be very long. On desktop it's fine, but on mobile the text gets cutoff at the end of each line with an ellipsis. I need to be able to show the full text, or else the options may not be clear to my users. If I can make the text wrap rather than cutting off that would be fine, but I don't know how to accomplish this since I'm not sure how the iPhone handles select elements.

Select options on iPhone

Upvotes: 2

Views: 1387

Answers (1)

Maximillian Laumeister
Maximillian Laumeister

Reputation: 20378

According to this StackOverflow answer, there is no way to change the styling of <select> elements on iOS, as their display styles are built into the browser and not modifiable via CSS.

This answer suggests that you can use a customizable replacement such as Chosen if you would like more control over the style of your <select> boxes.

Apparently Chosen doesn't support iOS. A comment on another answer recommends Selectize.js as an iOS-compatible replacement.

Upvotes: 1

Related Questions