Skip to content

Tooltip with delayHide disappears after re-hovering #246

@huumanoid

Description

@huumanoid

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions