Select with additional buttons traps focus
- 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
Assessment
This issue has not been assessed yet.