JedWatson / JedWatson/react-select
For multi-select options on iOS, while trying quickly select several options causes the delay
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 28k
- Forks
- 4.1k
- PR merge metrics
- No merged PRs in 30d
Description
For multi-select options on iOS, while trying quickly select several options without closing dropdown menu, what causes the delay.
Therefore some options get deselected or selected randomly.
Code:
https://codesandbox.io/s/react-select-v5-sandbox-forked-m55cdn?file=/MultiSelect.tsx
Incorrect behavior occurs on iOS (version 16.6.1) in Safari and Chrome browsers.
There is no problem on Android.
Steps to reproduce:
- Open multiselect
- Quickly select multiple options.
- Make sure that some previously selected options have been reset.
Approaches have been taken:
- updated react-select to the latest version (5.7.7)
- switched various react-select API parameters
- tried to handle onTouchStart events for the custom Option component
- tried to customise isOptionSelected from react-select
- setTimeOut, debounce, throttle
Contributor guide
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 with the linked CodeSandbox and its MultiSelect.tsx reproduction, testing rapid multi-selection on iOS 16.6.1 in Safari and Chrome. Trace the touch and selection handling while the dropdown remains open; done means previously selected options remain selected during rapid interaction on iOS without breaking Android behavior.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend, mobile
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100