Bootstrap 5 Tooltip with inline SVG
Created by: coliff
I've been testing the Bootstrap v5 tooltips (https://v5.getbootstrap.com/docs/5.0/components/tooltips/) but having an issue using them with inline SVGs. The tooltip triggers off when hovering over the SVG - resulting in a flicker of the tooltip showing/hiding. Simplified test-case CodePen here: https://codepen.io/coliff/pen/JjXpOJY
The same code works fine with Bootstrap v4. https://codepen.io/coliff/pen/VwadMKX
(side note; as a stop-gap fix adding the css svg {pointer-events: none}
fixes the issue).
This issue was discussed in a bit more detail at: https://github.com/twbs/bootstrap/discussions/31618