-
Notifications
You must be signed in to change notification settings - Fork 1.1k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Can't use Tooltip
with Tab
#6800
Comments
Looked deeper into the hooks and found that But it doesn't feel like it should be this hard and it feels pretty weird to have to implement a |
Of note, a I haven't had the time to check, but were you able to determine why the TooltipTrigger on a Tab doesn't work? is it because we haven't exposed the hover props yet? #6742 or is it something else? |
I haven't had a chance to track down what the issue is. It's possible the above hover fix would help, but it doesn't appear to be released, so I can't test against it |
I was able to verify in your Storybook that the addition of the hover events did not fix wrapping a |
So, I think this stems from the
None of the hooks call |
It appears that simply implementing |
@pgaudemerfiteco posted a solution to this in #6142. |
Provide a general summary of the issue here
We have a design that calls for a series of
Tab
s with icons as their content, with aTooltip
for each to label them🤔 Expected Behavior?
To be able to use
Tooltip
to augmentTab
label😯 Current Behavior
See the steps to reproduce as reference
TooltipTrigger
aroundTab
never triggers theTooltip
TooltipTrigger
around a plainbutton
within theTab
never triggers theTooltip
TooltipTrigger
around a RACButton
triggers theTooltip
, but breaks the ability to switch to theTab
/TabPanel
Tooltip
💁 Possible Solution
No response
🔦 Context
The design is necessary due to limited space constraints
🖥️ Steps to Reproduce
https://codesandbox.io/p/sandbox/naughty-pascal-sgm27q
Version
"react-aria": "3.33.1", "react-aria-components": "1.2.1", "react-stately": "3.31.1",
What browsers are you seeing the problem on?
Chrome
If other, please specify.
No response
What operating system are you using?
Mac
🧢 Your Company/Team
No response
🕷 Tracking Issue
No response
The text was updated successfully, but these errors were encountered: