JedWatson / JedWatson/react-select
Dropdown doesn't open after geolocation request (chrome, android)
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 28k
- Forks
- 4.1k
- PR merge metrics
- No merged PRs in 30d
Description
Hello.
The bug only reproduces on android in chrome
Page contain select with search and request to user geolocation in useEffect navigator.geolocation.getCurrentPosition
After allow or block geolocation data request dropdown does not open, entered symbols not showed in input. Taping on arrow opens dropdown, taping other page element then tap on select opens dropdown
Code sample https://codesandbox.io/s/morning-http-xywlqt?file=/src/App.js
Page sample https://xywlqt.csb.app/
Video https://github.com/JedWatson/react-select/assets/21313356/8fde6d83-5062-4624-b6f7-38437f0a7416
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
Reproduce the issue in Android Chrome using the linked CodeSandbox and page sample, focusing on src/App.js, the geolocation useEffect, and the select interaction. Verify the behavior after allowing and blocking the request, including opening the dropdown and displaying entered symbols; done means both work without the described workaround.
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
- 35/100