javascript - 带有选项的简单选择标签不适用于 Chrome

Question

我遇到了这个问题，我无法在我的 chrome 上展开这个简单的选择标签。

<select id="filterCategory" class="">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>

重现步骤:

1. 运行上面的代码片段(在 Chrome 上)，
2. 进入开发者模式 (F12)，
3. 切换移动设备模式(默认为 Ctrl + Shift + M)

我目前在 Ubuntu 上使用 Chrome 版本 53.0.2785.116(64 位)

这在任何其他浏览器或移动 native 浏览器中都可以正常工作，它仅适用于 Chrome。

问题:有什么临时解决方法吗？

编辑: 如果我使用 position fixed 作为它的容器和 Bootstrap 中的 form-control 类，这种行为会变得更糟。该选项在带有不可见选项的 chrome 窗口之外。

Answer 1

你不必担心 mobile-device，select-menu 看起来像这样，

对于调试，您可以使用向下 和向上 箭头键来选择菜单选项，直到 chrome 修复此问题。