[Bug]: The element behind the Toggletip component is receiving mouse click events

[flannanl]

Package

@carbon/react

Browser

Chrome

Package version

1.60.3

React version

17.0.2

Description

When I have a Toggletip on top of a Dropdown component, clicking the opened Toggletip will cause the Dropdown option list to open. I would expect the mouse action in the Toggletip panel will not propagate to the Dropdown component.

Reproduction/example

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

Steps to reproduce

Using the attached example:

1. click to open the toggle tip
2. click anywhere in the toggle tip panel
3. you will notice the dropdown option pulldown is open

Suggested Severity

Severity 3 = User can complete task, and/or has a workaround within the user experience of a given component.

Application/PAL

IBM Cloud Projects

Code of Conduct

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