Twitter bootstrap 在Firefox中单击一个select会立即关闭选项下拉列表

Twitter bootstrap 在Firefox中单击一个select会立即关闭选项下拉列表,twitter-bootstrap,firefox,select,drop-down-menu,Twitter Bootstrap,Firefox,Select,Drop Down Menu,出于某种原因,只有在Firefox中,一个包含多个选项的选择框在单击选择按钮后会立即消失 select的内容没有被不断重写,只有一个事件处理程序可供更改。我基本上是用Bootstrap来做造型 有没有想过为什么会发生这种情况 当我看到这一点时,问题是将多个控件包装在同一个 Chrome似乎可以很好地处理这个问题,但Firefox会在单击任何后续的时尝试打开第一个 解决方案是不将它们包装在中,或者只包装标签中的第一个选定项 演示: 尽管这个问题已经很老了,但我只是在寻找同样的症状时偶然发现了它 由

出于某种原因,只有在Firefox中,一个包含多个选项的选择框在单击选择按钮后会立即消失

select的内容没有被不断重写,只有一个事件处理程序可供更改。我基本上是用Bootstrap来做造型


有没有想过为什么会发生这种情况

当我看到这一点时,问题是将多个
控件包装在同一个

Chrome似乎可以很好地处理这个问题,但Firefox会在单击任何后续的
时尝试打开第一个

解决方案是不将它们包装在
中,或者只包装标签中的第一个选定项

演示:
尽管这个问题已经很老了,但我只是在寻找同样的症状时偶然发现了它

由于某些原因,Firefox在绘图到页面上的画布元素时关闭select元素。 在我的用例中,我能够通过在任何选择输入处于焦点时不更新画布来解决这个问题:

if (jQuery('select:focus').length > 0) {
    return; //Skip rendering while select is in focus
}

希望这能帮助那些拼命想弄清楚为什么他们的下拉列表会立即关闭的人。

这发生在我身上,我在
标签中选择了
。如果您无法将您的
选择
移出
标签
,这里有一个快速而肮脏的黑客程序,可以让您的下拉列表保持打开状态: