これが問題です。Firefox (Windows)は、select が開いているときに、ドキュメントのクリック イベントをトリガーしません。選択を閉じるだけで、次のクリックのみがクリックとしてカウントされます。
再現するには:
- [選択] をクリックします (ドロップダウン メニューが表示されます)。
- ドロップダウン メニューの外側のドキュメントの外側をクリックします (選択すると閉じられます)。
ただし、2 回目のクリックでは、ドキュメントのクリック イベントはトリガーされません。
このYoutube ビデオでわかるように、クリック数は 3 ですがイベントは 2 です。
HTML
<select>
<option value="1">Value1</option>
<option value="2">Value2</option>
<option value="3">Value3</option>
</select>
<div id="debug"></div>
JS
var n = 0;
$(document).ready(function(){
$('select').click(function(e){
e.stopPropagation();
n++;
$('#debug').text('select clicked ' + n);
});
$(document).click(function(){
n++;
$('#debug').text('document clicked '+ n);
});
})