JedWatson / JedWatson/react-select
Fullscreen in Safari on iOS closes on select focus
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 28k
- Forks
- 4.1k
- PR merge metrics
- No merged PRs in 30d
Description
I am using the React Select for a fullscreen website.
When I click on the Select box in Safari on the iPad (iOS 16.2) in full screen mode and it gets the focus, the page exits full screen mode. This is a safety feature of Safari once a form box gets the focus.
Is it possible to use React Select without activating an "invisible" form field? Or how can I effectively stop Safari from closing the full screen?
Thanks in advance
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 focus behavior in React Select on Safari for iOS 16.2 while the page is fullscreen, then inspect the select's focus handling and the invisible form field mentioned in the report. Done means determining whether React Select can avoid this behavior or whether Safari's fullscreen restriction makes it unsupported, and documenting the result.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- ios, react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100