Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tooltip with delayHide disappears after re-hovering #246

Closed
huumanoid opened this issue Jan 29, 2017 · 0 comments
Closed

Tooltip with delayHide disappears after re-hovering #246

huumanoid opened this issue Jan 29, 2017 · 0 comments

Comments

@huumanoid
Copy link
Contributor

Let's say we have

  • a ReactTooltip component with delayHide={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.

reproduction of the described issue

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.
same as first, but after ReactTooltip.rebuild()

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

huumanoid added a commit to huumanoid/react-tooltip that referenced this issue Jan 29, 2017
@wwayne wwayne closed this as completed in f3c7f8a Jan 30, 2017
wwayne added a commit that referenced this issue Jan 30, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant