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
On iOS, when using a multilineTextInput inside a ScrollView with automaticallyAdjustKeyboardInsets, the caret goes under the keyboard after adding a new line in the input.
Steps to reproduce
<ScrollViewautomaticallyAdjustKeyboardInsets>
// Any content above the TextInput to position it at the bottom of the screen
<TextInputmultilinestyle={{height: 100}}/> // multiline TextInput with some fixed height
</ScrollView>
ScrollView with automaticallyAdjustKeyboardInsets (with enough content to fill the whole screen).
Multiline TextInput with fixed height (let's say 100).
Focus on the input when it’s positioned at the bottom of the screen.
Let the keyboard slide up and the ScrollView scroll to the caret.
Type more than 1 line in the TextInput.
The TextInput caret goes under the keyboard
Once the TextInput fills the available height, it starts scrolling, but the user only sees the first line of the input
Description
On
iOS, when using amultilineTextInputinside aScrollViewwithautomaticallyAdjustKeyboardInsets, the caret goes under the keyboard after adding a new line in the input.Steps to reproduce
ScrollViewwithautomaticallyAdjustKeyboardInsets(with enough content to fill the whole screen).TextInputwith fixed height (let's say 100).ScrollViewscroll to the caret.TextInput.TextInputcaret goes under the keyboardReact Native Version
0.79.5
Affected Platforms
Runtime - iOS
Output of
npx @react-native-community/cli infoStacktrace or Logs
MANDATORY Reproducer
https://snack.expo.dev/@serge0n/textinput-multiline-autoscroll-on-new-line?platform=ios
Screenshots and Videos
Screen.Recording.2025-07-04.at.08.31.59.mov