Skip to content

Make tooltips hover-able - #42838

Open
mdo wants to merge 1 commit into
v6-devfrom
feat/hoverable-tooltips
Open

Make tooltips hover-able#42838
mdo wants to merge 1 commit into
v6-devfrom
feat/hoverable-tooltips

Conversation

@mdo

@mdo mdo commented Aug 13, 2026

Copy link
Copy Markdown
Member
  • Keep a tooltip open while the pointer moves from the trigger onto the tip, so users can reach interactive content inside it (WCAG 1.4.13 "Content on Hover or Focus").
  • Treat the tip as part of the trigger in _isInside(), and attach matching mouseleave/focusout listeners on the tip so leaving it hides the tooltip.
  • Preserve the real trigger as an internal _trigger so delegated tooltips (forced to manual) still know they are hover/focus-driven; kept off the exported TooltipConfig.
  • Add an "Interactive tooltips" docs example and a note in the accessibility section.
  • Modernize the two original specs to the v6 Promise style.

The Escape-key dismiss half of #35151 already exists in v6, so this ports only the hover-able behavior.

Closes #28411
Supersedes #35151

Co-authored-by: Ryan Berliner ryan.berliner@gmail.com

Let users move the pointer onto the tip without it hiding, so they can
reach interactive content inside it (WCAG 1.4.13). Track the original
trigger for delegated tooltips and attach matching leave listeners on
the tip element. Add an "Interactive tooltips" docs example and note the
behavior in the accessibility section.

Closes #28411
Supersedes #35151

Co-authored-by: Ryan Berliner <ryan.berliner@gmail.com>
@mdo
mdo requested a review from a team as a code owner August 13, 2026 03:22
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

Successfully merging this pull request may close these issues.

1 participant