You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When navigating back via navigation.goBack() from a custom back button, the keyboard goes outside the screen bounds during the transition.
However, when navigating back using the native header back button, the keyboard stays within the screen bounds and behaves correctly.
Expected behavior: The keyboard should stay within the screen bounds when going back via navigation.goBack(), same as when using the native header back button.
Current behavior: The keyboard visually exits the screen frame when going back via navigation.goBack().
Screenshot 1
This behavior occurs when navigating back via navigation.goBack().
Screenshot 2
This behavior does NOT occur when navigating back via the native header back button.
Video
Screen.Recording.mov
This issue occurs in both React Native and Expo, across all versions.
Steps to reproduce
Open a screen that has a TextInput
Tap on the TextInput so the keyboard appears
Tap the custom back button that calls navigation.goBack()
The keyboard goes outside the screen bounds during the transition
Description
When navigating back via
navigation.goBack()from a custom back button, the keyboard goes outside the screen bounds during the transition.However, when navigating back using the native header back button, the keyboard stays within the screen bounds and behaves correctly.
Expected behavior: The keyboard should stay within the screen bounds when going back via
navigation.goBack(), same as when using the native header back button.Current behavior: The keyboard visually exits the screen frame when going back via
navigation.goBack().Screenshot 1
This behavior occurs when navigating back via navigation.goBack().
Screenshot 2
This behavior does NOT occur when navigating back via the native header back button.
Video
Screen.Recording.mov
This issue occurs in both React Native and Expo, across all versions.
Steps to reproduce
navigation.goBack()Snack or a link to a repository
https://snack.expo.dev/@zo_hayk/keyboard-goes-outside-screen
Environment
Screens version
4.24.0
React Native version
0.84.1
Platforms
iOS
Acknowledgements
Yes