Я пытаюсь создать экран входа в систему с помощью всплывающей подсказки, запускаемой при наведении курсора на значок внутри поля пароля.
Все отлично работает, я инициализирую всплывающую подсказку с помощью классического:
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
Я добавил атрибут data-toggle к значку следующим образом:
<i class="password-tooltip" data-toggle="tooltip" data-placement="bottom" data-html="true" data-title='<div class="tooltip-inner-title">{{ "LOGIN.TOOLTIP_HEADER" | translate }}</div><div class="tooltip-inner-content">{{ "LOGIN.TOOLTIP_CONTENT" | translate }}</div>'></i>
Моя проблема заключается в том, что всплывающая подсказка не отображается правильно в Mozilla или Internet Explorer, даже если вХром это работает.Я не совсем уверен, даже как начать решать эту проблему, поэтому любая помощь будет оценена.
Chrome: ![enter image description here](https://i.stack.imgur.com/ibkOm.png)
Mozilla: ![enter image description here](https://i.stack.imgur.com/KKSmm.png)