2

I have an html select list with an option that needs to be a long string of text. This is fine in my desktop browser but my iPhone crops the option text. Is there a way around this without shorting the text?

http://jsfiddle.net/fC83D/2/

<select>
  <option value="1">1</option>
  <option value="2">This is too long on an iPhone and the text gets cropped</option>
</select>
  • 1
    Can you reword the option to be shorter or make the long option wrap in mobile view? – Chairman Meow Feb 19 '14 at 18:48
  • 1
    What do you mean 'is there a way'? Are you after a technical solution here, some Javascript or something? What exactly is it you're looking for in an answer here? – JonW Feb 19 '14 at 21:02
  • You could replace the <select> with a bunch of <input type=radio> .. the text will get fully displayed that way. The downside of course is that they get displayed in full, rather than hidden in a <select> control. – Erics Feb 20 '14 at 4:25

Browse other questions tagged or ask your own question.