GeekyAnts / GeekyAnts/NativeBase

Select element takes focus from input element on react native web on Safari browser

Open
#5,111 13 comments 6 reactions 0 assignees View on GitHub
bug triage v3
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.