Skip to content

Dropdown menu items pass pointer events through to other elements #3644

@homostellaris

Description

@homostellaris

Bug report

Current Behavior

Dropdown menu items pass pointer events through to elements underneath.

Expected behavior

Dropdown menu items should capture pointer events.

Reproducible example

https://codesandbox.io/p/sandbox/goofy-matan-3vw8h9

Suggested solution

I suspect it requires management of the pointer-events CSS property which I can see being set in various places.

Additional context

For my particular use case the the dropdown menu is on a card component which is itself clickable and causes navigation. The current behaviour doesn't work for me because clicking any dropdown menu item causes unwanted navigation.

Your environment

See code sandbox 👆

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions