Skip to content

[Select] Selecting an option triggers a touch event on elements positioned behind #1658

Description

@chrisarnold

Bug report

Current Behavior

Using the Select primitive, when selecting an option, the touch event is interacting with any elements positioned underneath the list. This isn't happening on desktop on mouse click but can be replicated in Chrome when using the device simulation

Radix_Select_touch_bug.mov

Expected behavior

When an option is selected, the menu should close and no events should be triggered on other inputs

Reproducible example

https://codesandbox.io/s/late-snowflake-39o7x7?file=/App.js

Suggested solution

Additional context

Your environment

Software Name(s) Version
Radix Package(s) @radix-ui/react-select 1.0.0
React n/a 17
Browser Chrome 104

Activity

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

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions