[Bug]: React AI Slug tooltip doesn't work in shadowroot

[ethanwinters]

Package

@carbon/react

Browser

Chrome

Package version

1.68.0

React version

No response

Description

If I render AILabel inside of a ShadowDOM, it always thinks there was a click target outside the component and it auto closes. We just moved to the web component version which is fine, but we don't love being in a hodge podge of "some React components don't work in shadowroot" and "some web components are not as mature and/or don't allow enough CSS styling allow us to fit it in a chat window narrow view port".

Reproduction/example

https://stackblitz.com/edit/github-b43fx6-ovrnaf?file=src%2Fmain.jsx

Steps to reproduce

Click on the AI label. Nothing happens.

Suggested Severity

Severity 4 = Unrelated to a user task, has a workaround or does not need a workaround.

Application/PAL

watsonx Orchestrate, Carbon AI Chat

Code of Conduct

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