JedWatson / JedWatson/react-select
For multi-dropdowns closeMenuOnSelect=false not working on mobile
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 28k
- Forks
- 4.1k
- PR merge metrics
- No merged PRs in 30d
Description
For multi-dropdowns on Mobile the closeMenuOnSelect=false seems not to be working. For desktop its completely fine, but all others the dropdown does not stay open.
If you load up the below sandbox and then set devtools to mobile and refresh the page, you will only be able to select one item at a time.
https://codesandbox.io/p/sandbox/react-select-v5-sandbox-forked-8gw6wq
I found an example of this happening on your own site below:
https://github.com/user-attachments/assets/b3fa1d0a-ce16-418e-8c5a-4d60a8b2c01a
https://github.com/user-attachments/assets/789e2966-28a2-439e-bfa6-46150778e6ec
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 by reproducing the issue in the linked CodeSandbox with devtools set to mobile, comparing multi-select behavior on mobile and desktop. Trace the mobile menu-selection path in the react-select repository and identify the existing tests covering closeMenuOnSelect. Done means a multi-dropdown with closeMenuOnSelect=false remains open after selecting multiple items on mobile.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100