react-component / react-component/select
Option to use dropdownMatchSelectWidth = false with virtual-list
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 938
- Forks
- 482
- Avg merge
- 15h 8m
- Merged PRs (30d)
- 2
Description
At present setting dropdownMatchSelectWidth to false will mean disabling virtual list (src/generate.tsx line 961). Is there any way to not disable virtual list when using this option as it has performance impact on large lists?
I've tried working around the problem by keeping dropdownMatchSelectWidth to true & setting width manually with dropdownStyle as { width: "auto" } but the width element will be overwritten by containerWidth in this case (src/SelectTrigger.tsx line 126)
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by inspecting the virtual-list decision at src/generate.tsx line 961 and the width handling at src/SelectTrigger.tsx line 126. Reproduce the behavior with dropdownMatchSelectWidth set to false and with dropdownStyle width set to auto, then verify that large lists retain virtual scrolling without the container width overwriting the intended dropdown width.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100