react-native-paper-tabs
react-native-paper-tabs copied to clipboard
Keyboard doesn't open when tapping a TextInput inside a TabScreen on iPhone
The keyboard won't open when tapping any <TextInput> inside your <TabScreen> components. This happens both in the simulator and on my physical device. I even tried updating all relevant libraries: React Native, React Native Paper, Your library, React Native Pager View. Didn't help. This is a pretty major bug completely halting all our development. Would be highly appreciated if anyone could take a look
Where this bug has been found:
- iPhone SE (2nd generation) simulator
- iPhone SE (2nd generation) physical device
- iPhone 13 simulator
Video showing the bug in action: Bug video
How to reproduce:
- On an iPhone SE (simulator or device), add a
<TextInput>anywhere inside the<TabScreen>component - Tap the input
- The screen just flickers. It looks like the keyboard begins to slide up but immediately is dismissed
Expected Behaviour:
The keyboard should show when tapping a <TextInput>
Current Behaviour:
The keyboard begins to show but is immediately dismissed, when tapping a <TextInput>
Have the same issue
Same issue, Anyone has a solution?
This exact same issue happens for me as well. In my case I'm using @react-navigation/material-top-tabs for tabs instead. Curious enough, the issue doesn't occur until I hit the Tab key. After that, it always occurs.
I feel like the issue may be better resolved in https://github.com/callstack/react-native-paper, rather than the tab libraries. Please let me know if I'm wrong and there is an issue in react-native-paper-tabs so that I can then convey the fix to material-top-tabs.
Only seems to occur in iOS. Android seems fine.
Could we create a snack for this? I don't have this issue if I remember correctly