無効なチェックボックス/ラジオ付き.checkbox-inlineと.radio-inlineラベルでブートストラップツールチップが閉じない問題

Question

更新：mouseleaveイベントがラベルラッパーで発生しないように見える、それはツールチップが探すものです。

私の問題は、ここでの例から見て最高です：基本的に私はラベルに包まれたいくつかの無効チェックボックス/ラジオ入力を持つ（.checkboxインライン/ .radio-インライン）とするとき、私

https://jsfiddle.net/bjvosa6h/

chexkbox/radioの上を右から左に移動すると、すべてのツールチップがアクティブのままです。これはChromeのイベント伝播とブートストラップのバグか何かがある場合

<label class="checkbox-inline" title="Tooltip content..." data-toggle="tooltip"> 
    <input type="checkbox" value="1" disabled> 1 
</label> 

わかりませんか？良い回避策が得られないようです。何か案は？

Answer 1

このCSSルールは、無効な入力からのイベントの伝達を許可することで問題を解決します（Chromeは無効な入力のカーソルイベントを防ぎます）。

.checkbox-inline > [disabled], .radio-inline > [disabled] { 
    pointer-events: none; 
} 

Answer 2

デフォルトでツールチップはhover focusに添付されています。 hoverに設定すると、期待どおりに動作するはずです。更新されたJSFiddle：https://jsfiddle.net/bjvosa6h/14/