Open
Description
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 a Tooltip
for each to label them
🤔 Expected Behavior?
To be able to use Tooltip
to augment Tab
label
😯 Current Behavior
See the steps to reproduce as reference
- Wrapping
TooltipTrigger
aroundTab
never triggers theTooltip
- Wrapping
TooltipTrigger
around a plainbutton
within theTab
never triggers theTooltip
- Wrapping
TooltipTrigger
around a RACButton
triggers theTooltip
, but breaks the ability to switch to theTab
/TabPanel
- Creating a custom label, following this example: https://react-spectrum.adobe.com/react-aria/useTooltipTrigger.html#example never triggers the
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
Metadata
Assignees
Labels
Type
Projects
Status
🏗 In Progress