Searchable Select: press Enter does not always select/toggle the focused item
- Dominant language
- TypeScript
- Stars
- 15.9k
- Forks
- 1.6k
- Avg merge
- 3d 5h
- Merged PRs (30d)
- 58
Description
### Provide a general summary of the issue here
https://stackblitz.com/edit/rac-searchable-select-enter-issue?file=src%2FSelect.tsx
Open a searchable select, type `33` (or any two digits) quickly, and then press Enter. Repeat those steps.
Scree Record
https://github.com/user-attachments/assets/e3d3a93f-3122-46c8-9aee-a152d87aa006
### 🤔 Expected Behavior?
Enter should always select(single)/toggle(multiple) the focused item.
### 😯 Current Behavior
Enter does nothing.
### 💁 Possible Solution
_No response_
### 🔦 Context
_No response_
### 🖥️ Steps to Reproduce
https://stackblitz.com/edit/rac-searchable-select-enter-issue?file=src%2FSelect.tsx
### Version
1.12.2/3.0.0-nightly-df85b152a-250928
### 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
Research direction
Start with the linked StackBlitz reproduction and its src/Select.tsx entry point; reproduce the failure by typing two digits quickly and pressing Enter repeatedly. Trace the searchable select's focused-item keyboard handling and compare single-select selection with multiple-select toggling. Done means Enter consistently selects or toggles the focused item in Chrome.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100