I'm letting users choose one option from a set of choices. My data set is much like a list of countries:
- many options (about 50 - 200)
- the user will know what options are there because of the context
- if alphabetically sorted it should be easy to find an option in the list
However, in addition to the above:
- options typically have long text (about 40 - 90 characters)
We had defaulted to using a
select dropdown, which is "good enough" given the above bullet points, except that we're running into problems with iOS (which truncates
options after 20ish characters with ellipsis). Workarounds to that problem lead to new problems, so perhaps I'm just not using the correct type of input control?
If not a
select, what type of input control for web applications is best for the abovementioned type of data set?
I had considered a list of radio buttons, but that's rather awkward if the control is part of a page with multiple controls. Do I have to resort to creating an input control myself?
I've also considered using a
select replacement library. However, the main two options haven't worked out well (Chosen explicitly doesn't support mobile, and select2 has a few bugs and bits of behavior that make it awkward for mobile), which again makes me feel like I'm using the wrong type of input (hence me asking about this scenario here, on UX.SE).