Keyboard doesn't open when tapping a TextInput inside a TabScreen on iPhone

farcondee commented 2 years ago

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>

KazakovVS commented 2 years ago

Have the same issue

davram88 commented 2 years ago

Same issue, Anyone has a solution?

aretesoftware commented 1 year ago

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.

RichardLindhout commented 1 year ago

Could we create a snack for this? I don't have this issue if I remember correctly

web-ridge / react-native-paper-tabs

Keyboard doesn't open when tapping a TextInput inside a TabScreen on iPhone #35