javascript - popover fails with bootstrap 5

Question

I am trying to reproduce the popover example from Bootstrap 5 but I had a weird behavior of the popover box that does not stay in place.

I just added data-bs-trigger="hover"

Here is a fiddle

Note that when you hover a couple of times the popover jumps around. I am using Chrome.

question from:https://stackoverflow.com/questions/65906243/popover-fails-with-bootstrap-5

Answer 1

I had a similar issue last year and learned after submitting it as an issue that this is the standard behavior in Bootstrap. It has to do with limiting the number of requests.

There are multiple open issues about it, so you should take it there: https://github.com/twbs/bootstrap/issues?q=popover

Workaround suggested here for example: https://github.com/twbs/bootstrap/issues/32372#issuecomment-749858100