Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

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

Open
@moloko

Description

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

        AltStyle によって変換されたページ (->オリジナル) /