adobe / adobe/react-spectrum

Searchable Select: press Enter does not always select/toggle the focused item

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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.