Google Chrome 移动模拟器隐藏下拉选项

Question

我正在使用手机上的下拉列表。出于测试目的，我使用 Chrome 的移动模拟器。我注意到的一件奇怪的事情是，在移动仿真中，如果我在下拉列表中有两个以上的元素，它们会以一种奇怪的方式隐藏。

HTML我正在使用

<!DOCTYPE html>
<html>
<head>
    <title>Simple Dropdown</title>
</head>
<body>
    <select>
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
    </select>
</body>
</html>

桌面截图

手机截图

我使用的是 chrome 版本 48.0.2564.97 m。我在我朋友的运行版本 47.x.xxxx.xx（不记得确切的版本）的 PC 上试过了，它工作正常。

这是 chrome 中的错误吗？你们中有人遇到过同样的问题吗？如果是，是否有任何修复？

Answer 1

几个小时以来，我一直在努力解决同一个错误，它似乎与任何 css 驱动无关，我确认该错误不存在于我手机上的 chrome 上。

我确定这只是模拟器中的一个错误， firefox 的模拟器可以很好地呈现下拉菜单，

我知道这不是很有用我只是想确认你不是唯一看到这个的人

Answer 2

抱歉，这是 M48 中的错误。发生了一些重构，并产生了一些不利影响。它已在 M49 coming soon™ 中修复。尝试查看它是否可以被任何稳定的团队成员复制，并在可能的情况下让他们向后移植到 M48。

Google Chrome 移动模拟器隐藏下拉选项

Google Chrome mobile emulator hiding options in dropdown

google-chrome-devtools

mobile-emulator