adobe / adobe/react-spectrum

Button onPointerUp event bubbling to MenuItem.

Open
#6,088 7 comments 0 reactions 0 assignees View on GitHub
accessibility MenuTrigger
Dominant language
TypeScript
Stars
15.9k
Forks
1.6k
Avg merge
3d 9m
Merged PRs (30d)
59

Description

### Provide a general summary of the issue here

Button onPointerUp event bubbling to MenuItem.

### 🤔 Expected Behavior?

Button calls stopPropagation on onPointerUp event

### 😯 Current Behavior

Button onPointerUp event bubbling to MenuItem. MenuItem catches onPointerUp event

### 💁 Possible Solution

_No response_

### 🔦 Context

_No response_

### 🖥️ Steps to Reproduce

```

{
triggerStateContext.close();
}}
>
Close

```

### Version

react-aria-components 1.1.1

### What browsers are you seeing the problem on?

Chrome

### If other, please specify.

_No response_

### What operating system are you using?

macos

### 🧢 Your Company/Team

_No response_

### 🕷 Tracking Issue

_No response_

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the issue with the provided MenuItem and Button example in Chrome on macOS, then inspect the Button and MenuItem event-handling entry points. Done means Button's onPointerUp no longer bubbles to MenuItem while the stated onPress behavior continues to work.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.