Проблема с бутстрапом всплывающие подсказки, не закрывающиеся на .checkbox-inline и .radio-inline ярлыки с выключенным флажком/радио внутри

Question

Обновление: похоже, что событие mouseleave не срабатывает на обертках ярлыков, и это то, что ищет всплывающая подсказка.

Моя проблема лучше всего видно из примера здесь:

https://jsfiddle.net/bjvosa6h/

В принципе у меня есть некоторые выключенные входы флажок/радио, завернутые в метке (.checkbox-инлайн/.radio-рядный) и когда я наведите курсор справа налево по chexkboxes/radioios, все всплывающие подсказки остаются активными.

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

Не уверен, если это ошибка Bootstrap или что-то с распространением событий в Chrome? Кажется, не может быть хорошим обходным решением. Есть идеи?

Answer 1

Это правило css разрешит проблему, разрешив распространение события из заблокированного ввода (Chrome предотвращает события курсора для отключенных входов), поэтому элемент родительской метки получает его.

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

Answer 2

По умолчанию всплывающие подсказки прикреплены к hover focus. Если вы установили его только hover, он должен работать должным образом. Обновлено JSFiddle: https://jsfiddle.net/bjvosa6h/14/