title: How do I stop my long <select> dropdown list text from being shortened on iPhone?
body: <p>How do I prevent my <code>&lt;select&gt;</code> option text from being shortened?</p>
  
  <p>I’ve got the following HTML:</p>
  
  <pre><code>&lt;select&gt;
  &lt;option value="23007"&gt;Rolled (NOT FRAMED) (included)&lt;/option&gt; 
  &lt;option value="23005"&gt;Gallery Wrap Stretched Canvas 1.5&amp;quot; deep (add $63)&lt;/option&gt; 
  &lt;option value="23006"&gt;Gallery Wrap Stretched Canvas 3/4&amp;quot; deep (add $45)&lt;/option&gt; 
  &lt;option value="23008"&gt;Silver Metal Frame (add $37)&lt;/option&gt; 
  &lt;option value="23003"&gt;Premium Black Wood Frame - 1.6&amp;quot; wide (add $60)&lt;/option&gt; 
  &lt;option value="23004"&gt;Premium Black Wood Frame - 1.2&amp;quot; wide (add $48)&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>When I view it in Mobile Safari on iPhone, only start and end characters of each option are displayed — most of the middle characters are replaced with just <code>...</code>.</p>
  
  <p><img src="https://i.stack.imgur.com/su0K1.png" alt="enter image description here"></p>