[Bug]: Tooltip does not render when inside TableHeader

[francinelucca]

Package

@carbon/react

Browser

Chrome

Package version

1.30.0

React version

18.2.0

Description

Cannot see tooltip when hovering over TableHeader

Reproduction/example

https://stackblitz.com/edit/github-9tf2bv-nk1cpf?file=src%2FApp.jsx,package.json

Steps to reproduce

1 - Hover over header
2 - notice no tooltip is displayed

Suggested Severity

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

Application/PAL

No response

Code of Conduct

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

[vlukashov]

Same issue when the the Tooltip is inside a TableCell: https://stackblitz.com/edit/github-9tf2bv-4njhsj?file=src%2FApp.jsx,index.html

[tay1orjones]

We've been seeing related issues and resolved them before, which may be helpful in determining a resolution for this: #14275

On a more broad level I think this would also be solved via #14139 but it's a bit farther off than a fix we could deliver specific to this use case in these components.

[andreancardona]

Currently the tooltip only supports children as buttons as can be seen here: https://stackblitz.com/edit/github-9tf2bv-tev6uw?file=package.json

We will clear this up by updating the documentation. :)