adobe / adobe/react-spectrum

Select with additional buttons traps focus

Open
#7,019 0 comments 0 reactions 0 assignees View on GitHub
bug
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

A select that contains additional buttons will trap focus so that once tabbed into, forward tab will only tab between the select button and those additional buttons, with no way to reach other elements on the page. Shift+Tab is not trapped.

### 🤔 Expected Behavior?

You can tab through the select button and sibling buttons to other elements on the page.

### 😯 Current Behavior

You cannot tab to other elements on the page once tabbed to the select button and sibling buttons.

### 💁 Possible Solution

_No response_

### 🔦 Context

_No response_

### 🖥️ Steps to Reproduce

The behaviour is reproducible in the example of the ["State" section of Select component docs](https://react-spectrum.adobe.com/react-aria/Select.html#state).

### Version

1.3.3

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

Firefox, Chrome

### If other, please specify.

_No response_

### What operating system are you using?

Linux

### 🧢 Your Company/Team

_No response_

### 🕷 Tracking Issue

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.