You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Following the sample in CodeSandbox, the button has a tooltip that appears when the trigger element is hovered but when the cursor moves away the tooltip remains.
Expected behavior
The tooltip should disappear as soon as the cursor moves away from the button.
The specific scenario is when the trigger element is positioned on top of an iframe, the tooltip sometimes hides correctly but in general it's stuck.
I tried disabling the pointer events in the iframe (for testing since they should remain enabled in a real scenario) and the tooltip works fine so maybe it's an issue with the pointer events bubbling in a wrong way in the tooltip implementation (?).
Your environment
Software
Name(s)
Version
Radix Package(s)
radix-ui
1.1.3
React
18.2
Browser
Edge (133.0.3065.82), Firefox (135.0.1)
Assistive tech
Node
n/a
npm/yarn
npm
Operating System
Windows
11
The text was updated successfully, but these errors were encountered:
Bug report
Current Behavior
Following the sample in CodeSandbox, the button has a tooltip that appears when the trigger element is hovered but when the cursor moves away the tooltip remains.
Expected behavior
The tooltip should disappear as soon as the cursor moves away from the button.
Reproducible example
CodeSandbox
Suggested solution
Additional context
The specific scenario is when the trigger element is positioned on top of an iframe, the tooltip sometimes hides correctly but in general it's stuck.
I tried disabling the pointer events in the iframe (for testing since they should remain enabled in a real scenario) and the tooltip works fine so maybe it's an issue with the pointer events bubbling in a wrong way in the tooltip implementation (?).
Your environment
The text was updated successfully, but these errors were encountered: