Приветствую!
Подскажите, как сделать тултип, который бы не убирался при наведении на него с помощью 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>