GeekyAnts / GeekyAnts/NativeBase
Select element takes focus from input element on react native web on Safari browser
- Dominant language
- TypeScript
- Stars
- 20.4k
- Forks
- 2.4k
- PR merge metrics
- No merged PRs in 30d
Description
### Description
Only a single character is accepted on controlled input when a Select element is present
### CodeSandbox/Snack link
https://snack.expo.dev/MOBQ7fNEN
### Steps to reproduce
1. On Safari browser
2. In Expo snack, type a letter in input component - shows up
3. Type another letter - It doesn't show up
### NativeBase Version
3.4.7
### Platform
- [ ] Android
- [ ] CRA
- [X] Expo
- [ ] iOS
- [ ] Next
### Other Platform
Web - Safari
### Additional Information
I think it is the internal input element of a Select element which takes focus.
Contributor guide
Research direction
Start with the linked Expo Snack and reproduce the controlled-input behavior in Safari with a Select element present. Trace the Select and input interaction in the NativeBase source, then verify that multiple characters can be entered without the input losing focus.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100