-
-
Notifications
You must be signed in to change notification settings - Fork 538
Description
Let's say we have
- a
ReactTooltip
component withdelayHide={1000}
- one or several elements associated with this tooltip
When we hovering one of this elements and then hovering another (or re-hovering the same) element before first tooltip has gone, the new tooltip disappears as soon as the delayHide
timer, associated with first the tooltip, has elapsed.
It may seems that the problem is insignificant, because even if tooltip has gone, once you have moved mouse pointer, the tooltip appears again (as well as at my first gif).
Unfortunately, it's not.
When you have rebuilded your tooltips using ReactTooltip.rebuild()
, the behavior changes to undesirable.
I have faced this issue while implementing a table with hoverable tooltips attached to table's cells.
Hoverable tooltips implemented according to "Theme and delay" section of examples page
When user moves mouse pointer from up to down over the table's cells and holds pointer over cell they interested in, tooltip disappears and this is discouraging.
You may reproduce first part of this issue even at "Theme and delay" section of examples page.
My test stand with handy "Rebuild ReactTooltip" button is available at http://hmnid.ru:8090/
and also available on github https://github.com/huumanoid/react-tooltip-delayhide-issue-test