twitter-bootstrap - Firefox で選択を 1 回クリックすると、オプションのドロップダウンがすぐに閉じます。

Question

何らかの理由で、Firefox でのみ、複数のオプションを含む選択ボックスが選択を 1 回クリックするとすぐに消えます。

select の内容は常に書き換えられるわけではなく、変更用のイベント ハンドラーしかありません。そして、私は基本的にスタイリングにBootstrapを使用しています。

なぜこれが起こっているのでしょうか？

Answer 1

私がこれを見たとき、問題は<select>同じ内に複数のコントロールをラップしていました<label>

<select>Chrome はこの問題をうまく処理しているようですが、Firefoxは後続<select>の s のいずれかがクリックされると最初の s を開こうとします。

解決策は、それらを でラップしないか<label>、ラベル内の最初の選択のみをラップすることです。

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

Answer 2

私は今日、この同じ問題を経験しました。苦労してコードを二等分した後filter: brightness(1.4);、select 要素に影響を与えている CSS プロパティが原因であることがわかりました。これが Firefox にとって難しい理由はわかりませんが、これが誰かにとって役立つ情報であることを願っています。