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?


  <option value="1">1</option>
  <option value="2">This is too long on an iPhone and the text gets cropped</option>

closed as off-topic by Mervin Johnsingh, Code Maverick, Benny Skogberg, Izhaki, JonW Feb 20 '14 at 9:06

This question appears to be off-topic. The users who voted to close gave this specific reason:

  • "Questions about Implementation are off-topic because this site is for User Experience design questions, not questions around how to implement these designs. Therefore, questions around the use of programs like Photoshop or languages such as CSS or JavaScript are off topic." – Mervin Johnsingh, Code Maverick, Benny Skogberg, Izhaki, JonW
If this question can be reworded to fit the rules in the help center, please edit the question.

  • 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.