ComboBox/Select easily becames laggy
- 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
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