Package

@carbon/react, @carbon/icons-react

Browser

Chrome, Firefox

Package version

v1.67.0

React version

v18.3.1

Description

I brought this issue to the October 1, 2024 Carbon Developer Office Hours and discussed it with Taylor James and Alison Joseph.

I have tooltips on the titles of my Accordion tabs. When you hover over the tooltip, you can see what is in the background showing through the tooltip. If you select a particular accordion tab, then the tooltip appears on top with nothing bleeding through, however, the tooltips on the other accordion tabs still bleed through. If you expand the accordion, but do not have that particular accordion title highlighted, then the objects within that accordion item bleed through the tooltip (or completely obscurs it which is the case of a button). Again, if you highlight the accordion title while it is expanded, then the tooltip appears on top.

This has been reproduced at this stackblitz: https://stackblitz.com/edit/github-tybclg?file=src%2FApp.jsx which Alison Joseph created.

Reproduction/example

https://stackblitz.com/edit/github-tybclg?file=src%2FApp.jsx

Steps to reproduce

I have tooltips on the titles of my Accordion tabs. When you hover over the tooltip, you can see what is in the background showing through the tooltip. If you select a particular accordion tab, then the tooltip appears on top with nothing bleeding through, however, the tooltips on the other accordion tabs still bleed through. If you expand the accordion, but do not have that particular accordion title highlighted, then the objects within that accordion item bleed through the tooltip (or completely obscurs it which is the case of a button). Again, if you highlight the accordion title while it is expanded, then the tooltip appears on top.

Suggested Severity

Severity 2 = User cannot complete task, and/or no workaround within the user experience of a given component.

Application/PAL

https://ibm.biz/scoe-tma

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems