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
Tooltip contained in a disabled tab will not show on hover
Reproducible on welcome ui doc by adding a tooltip to a tab, and adding the disabled prop : <Tab {...tab} disabled id="tab1"> <Tooltip content="Tab 1"> <Box>Tab 1</Box> </Tooltip> </Tab>
Update : the problem is coming from the disabled property. It disables mouse events, which is used by the tooltip to trigger.
See the complete issue on ariakit's repo : ariakit/ariakit#471
Tooltip contained in a disabled tab will not show on hover
Reproducible on welcome ui doc by adding a tooltip to a tab, and adding the disabled prop :
<Tab {...tab} disabled id="tab1"> <Tooltip content="Tab 1"> <Box>Tab 1</Box> </Tooltip> </Tab>
Sandbox exemple :
[https://codesandbox.io/p/sandbox/holy-glitter-ocgsib?file=%2Fsrc%2FApp.tsx&selection=[{"endColumn"%3A23%2C"endLineNumber"%3A26%2C"startColumn"%3A23%2C"startLineNumber"%3A26}]](https://codesandbox.io/p/sandbox/holy-glitter-ocgsib?file=%2Fsrc%2FApp.tsx&selection=%5B%7B%22endColumn%22%3A23%2C%22endLineNumber%22%3A26%2C%22startColumn%22%3A23%2C%22startLineNumber%22%3A26%7D%5D)
The text was updated successfully, but these errors were encountered: