mui / mui/material-ui

[tabs] Regression for tooltip wrapping a tab

Open
#46,265 3 comments 0 reactions 1 assignee View on GitHub

Nobody has claimed this yet.

scope: tabs type: new feature
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

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.