alex_shevch
@alex_shevch
Frontend Developer

Как сделать, чтобы Popover в Bootstrap не убирался при hover?

Приветствую!
Подскажите, как сделать тултип, который бы не убирался при наведении на него с помощью Bootstrap Popover?

Как вариант вешать тултип на фокус, при mouseover тригерить фокус, а при mouseout на тултипе, убирать фокус с элемента, но звучит как костыль. Должен же быть адекватный способ.. Или нет?

const popoverTriggerNodeList = document.querySelectorAll(
    '[data-bs-toggle="popover"]'
  );
  popoverTriggerNodeList.forEach(
    (popoverTriggerEl) =>
      new Popover(popoverTriggerEl, {
        container: popoverTriggerEl,
        html: true,
        trigger: "hover"
      })
  );


<button data-bs-toggle="popover"
             data-trigger="hover focus"
             title="Popover title"
             data-bs-content="And here's some amazing content. It's very engaging. Right?">
       Подробнее
</button>
  • Вопрос задан
  • 124 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы