html - Safari 选择无法打开

Question

给定一个简单的选择列表。

<select>
    <option>Test 1</option>
    <option>Test 2</option>
    <option>Test 3</option>
    <option>Test 4</option>
</select>

运行示例:http://jsfiddle.net/gbdvn2ht/

1. 在 Safari 中打开页面(我认为是 8.0.8 或更早版本，它在 OSX 10.11 中按预期工作)
2. 观察在选择列表上反复快速单击会打开选择列表并选择第一项。
3. 关注另一个窗口(我使用了终端但没关系)
4. 在关注另一个窗口的同时点击回到 Safari 选项卡，但请确保您直接点击选择并继续快速点击。
5. 观察选择初始打开、关闭然后停止响应。页面的页面刷新是使其再次工作的唯一方法。单击它不再打开选择列表。

奇怪吧？

鉴于最新的 Safari 没有出现这个问题，我可以假设这是一个 Safari 错误。但是，我仍然需要支持这个版本的浏览器。任何关于解决方法的想法都将不胜感激。

Answer 1

我无法访问该版本的 Safari，但是您是否尝试过使用 jquery 插件来覆盖下拉菜单？我认为值得一试。

我已经更新了 jsfiddle 供您试用。

http://jsfiddle.net/gbdvn2ht/1/

我试过的插件是 Select2 ( https://select2.github.io/examples.html )

$("#select").select2({
    minimumResultsForSearch: Infinity
});