[tabs] Regression for tooltip wrapping a tab
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 99.1k
- Forks
- 32.5k
- Avg merge
- 2d 17h
- Merged PRs (30d)
- 106
Description
Steps to reproduce
When wrapping a Tab under a Tabs component with a Tooltip, a Tab wrapped in a Tooltip does not show as selected even when it is.
Example
https://playcode.io/2409450
https://github.com/mui/material-ui/pull/12085 linked from https://github.com/mui/material-ui/issues/10714 indicates that a tooltip wrapping a tab was at one point supported functionality. However, when the regression was reported such as in https://github.com/mui/material-ui/issues/12597 it was incorrectly flagged as a support request. Though that issue does discuss a workaround, the functionality should be supported without the workaround.
This may indicate a larger issue where a Tab wrapped in any parents might not be showing as selected.
Current behavior
A Tab wrapped in a Tooltip does not show as selected even when it is.
Expected behavior
A Tab wrapped in a Tooltip should show as selected, the same as a Tab not wrapped in a parent.
Context
Trying to create a Tab with a convenient Tooltip for users of my app to explain what the tab means.
Your environment
npx @mui/envinfo
Used Chrome. First saw the issue in my repo when working with "@mui/material": "^5.16.7", in TypeScript, but as the above playcode demonstrates, the same issue appears when working with the latest 7.1.1.
Search keywords: tab, tabs, tooltip
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.