Skip to content

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

Open

Description

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Type

    Projects

    • Status

      ⏱ Backlog

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions