v5: Tooltip issue when containing HTML

When there are DOM nodes inside a tooltip container, the hover states of those nodes seems to conflict with the container.

Reproduced: https://jsfiddle.net/89mpekhg/1/

Steps to reproduce:

• Hover the “Hello” part (the tooltip shows up)
• Hover the <strong> tag (the tooltip goes away ⚠️ )
• And on mouseleave, errors are thrown into the console (teardown of an already gone tooltip ⚠️ )

Temporary workaround: Use the trigger: 'manual' option and handle the mouseenter and mouseleave manually.

[mznet]

@silviodelgado That problem is handled by the PR. It would be resolved when the pr is merged.

[patrickhlauke]

I seem to remember this being a browser bug, or at least an unexpected spec issue.

As a possibly more robust and less invasive patch, try adding

[data-toggle="tooltip"] * { pointer-events: none; }

which makes any child element of the tooltip trigger “transparent” to the mouse, so the mouse events don’t get fired/blocked by child elements