单击Firefox中的选择会立即导致选项下拉菜单关闭

Posted 2021-03-30

出于某种原因，仅在Firefox中，单击选择后，具有多个选项的选择框将立即消失。

select的内容不会被不断重写，并且只有一个事件处理程序可以进行更改。我基本上使用Bootstrap进行样式设计。

有关为什么会发生这种情况的任何想法？

答案

当我看到这个问题是在同一个<select>中包装多个<label>控件

Chrome似乎很好地解决了这个问题，但是当点击任何后续的<select>s时，Firefox会尝试打开第一个<select>。

解决方案是要么不将它们包装在<label>中，要么仅包装标签中的第一个选择。

但是：ぁzxswい

另一答案

即使这个问题很老，我只是偶然发现它同时寻找相同的症状。

由于某些原因，Firefox在绘制到页面上的canvas元素时会关闭选择元素。在我的用例中，我能够通过在任何选择输入处于焦点时不更新画布来解决此问题：

http://jsfiddle.net/lsirivong/jmeGv/

希望这有助于某人拼命想弄清楚为什么他们的下拉立即关闭。