Skip to content

RAC - MenuTrigger executed on press start, causing unexpected behaviour #5350

Open
@jamesopstad

Description

@jamesopstad

Provide a general summary of the issue here

The MenuTrigger component is executed on press start. If another element is rendered under the pointer on press end then it is triggered unintentionally.

🤔 Expected Behavior?

Releasing the pointer after launching the menu should not trigger other events on the page.

😯 Current Behavior

If another element is rendered under the pointer on press end then it is triggered unintentionally.

💁 Possible Solution

Change the behaviour so that MenuTrigger event is executed on press end. If it is essential to keep the current behaviour then press end events should be prevented during the same interaction.

🔦 Context

No response

🖥️ Steps to Reproduce

https://codesandbox.io/s/elated-panini-gxzjnr?file=/src/App.js

This CodeSandbox demonstrates the issue. Clicking the button and then releasing immediately closes the menu.

Version

"react-aria-components": "1.0.0-beta.2"

What browsers are you seeing the problem on?

Chrome, Safari

If other, please specify.

No response

What operating system are you using?

macOS 12.6.5

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    • Status

      🩺 To Triage

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions