adobe / adobe/react-spectrum

ComboBox/Select easily becames laggy

Open
#5,897 6 comments 2 reactions 0 assignees View on GitHub
bug help wanted performance
Dominant language
TypeScript
Stars
15.9k
Forks
1.6k
Avg merge
3d 9m
Merged PRs (30d)
59

Description

### Provide your feedback here.

When the ComboBox or Select component have a bit more items, they easily become laggy, because the full list re-renders on a single item hover. This makes them not scale well with data. It's not the case with the standalone ListBox however, rendering is optimized in that. Only when it belongs to a ComboBox or Select. The rendering behavior can be observed by turning on the React DevTools "highlight updates" feature.

### 🔦 Context

_No response_

### 💻 Code Sample

_No response_

### Version

_No response_

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

_No response_

### If other, please specify

_No response_

### What operating system are you using?

_No response_

Contributor guide

Open the contributing guide

Research direction

No file or test is named. Start by locating the ComboBox and Select rendering paths, then compare their hover behavior with the standalone ListBox while using React DevTools' highlight updates feature. Done means hovering an item no longer causes the full ComboBox or Select list to re-render and remains responsive with more items.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.