Description
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
Type
Projects
Status
🩺 To Triage