Skip to content

[BUG] Accessibility: tooltip should remain open as long as the cursor is over the trigger *or the tooltip.* #1261

@moloko

Description

@moloko

Bug description
WCAG 2.2 Success Criterion 1.4.13 Content on Hover or Focus states that

If pointer hover can trigger the additional content, then the pointer can be moved over the additional content without the additional content disappearing.

As far as I can see there's no way to make react-tooltip adhere to this requirement. I've tried adding a slight delay to hide using data-tooltip-delay-hide just in case it needed some time for the pointer to move from trigger to tooltip - but that didn't work.

Version of Package
v5.30.0

To Reproduce
Add a react-tooltip to a button or link. Trigger the tooltip by mousing over the element. Attempt to move the mouse cursor into the tooltip itself.

Expected behavior
The tooltip should remain open whilst the mouse cursor is over the tooltip itself.

Additional context
https://www.w3.org/WAI/WCAG21/Understanding/content-on-hover-or-focus.html
https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions