0

I'm using Bootstrap 5.2 version, and i have popover on my html. In my code when mouse hover popover content popover hiding itself. On mouse hover content, popover shouldn't hide. If you have experince in Wikipedia i want like Wikipedia popover.

HTML:

<span data-bs-toggle="popover" data-bs-trigger="hover" data-bs-placement="top" data-bs-content="This is a very beautiful popover, show some love." title="Popover title">
Popover on top
</span>

jQuery Javascript:

'use strict';

(function () {
  const popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'));
  const popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
    return new bootstrap.Popover(popoverTriggerEl);
  });
})();
daaa
  • 23
  • 8
  • 1
    I found few sample code here but they're quite outdated already, but I think the technique might be useful for you, [stackoverflow](https://stackoverflow.com/questions/15989591/how-can-i-keep-bootstrap-popovers-alive-while-being-hovered), [other](https://embed.plnkr.co/plunk/dLW4DM), [codepen](https://codepen.io/kudos2me/pen/ryoGZY), you may find more when typing `bootstrap popover hover stay open` in google search – Zeikman Mar 01 '23 at 04:30

0 Answers0