KeyboardAwareScrollView jumps when the text is near the keyboard

[iphonic]

ScrollView starts jumping to top and bottom when the KeyboardAwareScrollView starts acting to scroll up the TextInput

Basic code used

Styles

safeAreaView: {
    flex: 1
}

main: {
    flex: 1,
    marginBottom: 0,
}

contentContainer:{
    padding: 15,
    flexGrow: 1,
}

contentText:{
    flex: 1,
    fontSize: 16,
    minHeight: 60,
    textAlignVertical: 'top',
}

return <SafeAreaView style={styles.safeAreaView} edges={["top"]}>
      <View style={styles.main}>
        <KeyboardAwareScrollView>
          <View style={styles.contentContainer}>
            <TextInput
              style={styles.contentText}
              multiline
              value={message}
              onChangeText={(value) => setMessage(value)}
              scrollEnabled={false}
            />
          </View>
        </KeyboardAwareScrollView>
      </View>
</SafeAreaView>

• MacOS 14.4.1
• Device: iPhone 13 Simulator
• OS: 17.4
• RN version: 0.73.0
• Library version: 1.14.0

[kirillzyusko]

Thanks @iphonic

I'll check it! I'm currently still sick, but will try to find some time for that 👀

[kirillzyusko]

@iphonic isn't it a bug in react-native itself? I removed "auto-scroll" functionality in KeyboardAwareScrollView and from what I see is that when text moves to a new line ScrollView suddenly scrolls to the top 🤯

ScreenRecording_12-30-2024.11-50-22.AM_1.MP4

I've tried to reproduce the bug with simple ScrollView and bug doesn't happen 🤔 Seems like it's a bug in reanimated - will try to prepare a reproduction example and open an issue 👀

[kirillzyusko]

Seems like a bug in react-native: facebook/react-native#48412