选项长于屏幕尺寸时,iOS 7不会显示多行

Question

iOS 7在html中不显示多行option:

<select>
  <option value="volvo">Volvo test test test test test test </option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

它只是用省略号截断它.有没有人注意到这只是一个标准的HTML option？

也许这是一个iOS 7的bug,因为它不是在iOS6上发生的？我直接从w3schools网站上取下了这个.

要重现,请让你的iPhone运行iOS 7并转到这个jsFiddle.

显然,您可以在选择后看到问题.但使用移动优化手机,您将看不到整个问题.

除非我在这里遗漏了什么.

Answer 1

添加一个空的 optgroup在选择列表的末尾:

 <select>
  <option selected="" disabled="">Select a value</option>
  <option>Grumpy wizards make toxic brew for the evil Queen and Jack</option>
  <option>Quirky spud boys can jam after zapping five worthy Polysixes</option>
  <option>The wizard quickly jinxed the gnomes before they vaporized</option>
  <option>All questions asked by five watched experts amaze the judge</option>
  <optgroup label=""></optgroup>
 </select>