Moving mouse above tooltip (but leaving the original component) keeps tooltip on

Steps to reproduce:

1. Go to http://react-component.github.io/tooltip/examples/simple.html
2. Hover above trigger, then move your mouse on top of the tooltip
3. Tooltip won't disappear (user can even select and copy-paste tooltip text)

I see it can be sometimes beneficial for the UX to give user an ability to, say, click some link in the tooltip (like "Show more"). But there are cases when tooltip has no links etc. and it happens to be on top of some element which user may want to interact with, so it creates awkward situation when user moves mouse through the tooltip-ed element, trying to reach out to another element just to find him/herself hovering over the tooltip and not being able to interact with the element tooltip covers.

There are workarounds, by changing tooltip placement and increasing mouseEnterDelay to prevent it (i.e. to make sure tooltip doesn't cover any interactive elements and not appearing if mouse pointer is just "passing by"). But I believe it's a valid case to have tooltips to appear consistently (say, on top) and with 0 delay, and disappearing right away when mouse leaves the element.

What are people thoughts on it? Should it be another property (that defaults to the existing behavior)?

Start by reproducing the behavior at the simple tooltip example URL: hover the trigger, then move onto the tooltip and confirm that it remains visible. Review the tooltip's hover and dismissal behavior, then determine a clear default or property for immediate dismissal when the pointer leaves the original component, including how that affects interactive tooltip content.