带有iOS 7的iPhone 5S上的Buggy多选元素

Question

我正在测试iPhone 5S iOS 7上的多选框 - 在Browserstack的“真实设备”上 - 但它看起来很麻烦，想知道这是否是一个已知问题，以及是否有解决方法。

越野行为1 Safari会在选择option后移除用户选择的最后一个done，移至下一个>输入字段（如果有的话） ），或点击submit按钮（如果有的话）。

<select multiple="multiple">
    <option value="Saxophone">Saxophone</option>
    <option value="Flute">Flute</option>
    <option value="Clarinet">Clarinet</option>
</selct>

因此，在进行任何选择之前，下拉菜单会显示“0 Items”;如果您从上面的列表中选择萨克斯管，它将显示“萨克斯管”，但是当您点击Done萨克斯管被取消选择并再次显示“0项目”时。如果您选择萨克斯管然后选择长笛，它将显示“2项”，但是当您点击Done时，它将取消选择长笛并仅显示“萨克斯管”。而对于所有这些的乐趣，如果你选择萨克斯，长笛和最后一个单簧管，然后点击Done，它将取消选择单簧管并显示“2项”。

注意：无论是否有optgroup，都会发生这种情况，如下所述。

越野车行为2 ：选择选择框时，使用optgroup时Safari会崩溃。我找到的解决方法是在第一个disabled之前放置option optgroup。

所以，这崩溃了：

<select multiple="multiple">
    <optgroup label="Private">
        <option value="Saxophone">Saxophone</option>
        <option value="Flute">Flute</option>
        <option value="Clarinet">Clarinet</option>
    </optgroup>
</selct>

但这不是：

<select multiple="multiple">
    <option disabled value="choose"></option>
    <optgroup label="Private">
        <option value="Saxophone">Saxophone</option>
        <option value="Flute">Flute</option>
        <option value="Clarinet">Clarinet</option>
    </optgroup>
</selct>

我也想知道是否有人在其他iOS版本/设备上看过这个。

谢谢！