Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

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>
share|improve this question

closed as off-topic by Mervin Johnsingh, Code Maverick, Benny Skogberg MCSA, Izhaki, JonW Feb 20 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 MCSA, 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 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 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 at 4:25

Browse other questions tagged or ask your own question.