Я использую jQuery-ui вместе с Angular в моем проекте. У меня есть один компонент, который использует jQuery-UI для создания таблицы.
Внутри этой таблицы я использую приведенный ниже код для отображения всплывающего окна для заголовков.
let tooltipTitleHtml = `<div>NAME : ${ entry.ov }</div>`;
$( cellEl ).attr( 'data-toggle', 'tooltip' )
.attr( 'data-delay', '1' )
.attr( 'data-container', 'body' )
.attr( 'data-placement', 'auto bottom' )
.attr( 'data-html', true )
.attr( 'data-title', tooltipTitleHtml )
.tooltip();
Теперь все работает правильно в chrome, однако, если Я прокручиваю горизонтально в Firefox, всплывающие окна сбиваются друг в друга, и они не исчезают, пока я не обновлю весь экран .
Примечание : У меня проблема только во время прокрутки в Firefox. Остальное все работает нормально. Я думаю, что focusout и mouseleave событие не получает триггера при прокрутке в Firefox.
Подскажите пожалуйста, как исправить проблему в firefox.
Спасибо.