-
-
Notifications
You must be signed in to change notification settings - Fork 137
Open
Labels
KeyboardAvoidingView 🧪Anything related to KeyboardAvoidingView componentAnything related to KeyboardAvoidingView componentKeyboardExtender 🧩Anything about keyboard extending (i. e. `KeyboardExtender` component)Anything about keyboard extending (i. e. `KeyboardExtender` component)repro providedIssue contains reproduction repository/codeIssue contains reproduction repository/code🍎 iOSiOS specificiOS specific🐛 bugSomething isn't workingSomething isn't working
Description
Describe the bug
Using KeyboardExtender when there is content wrapped with KeyboardAvoidingView content jumps after hiding keyboard
Code snippet
<>
<TouchableWithoutFeedback onPress={() => Keyboard.dismiss()}>
<SafeAreaView edges={["top"]} style={styles.container}>
<KeyboardAvoidingView style={{ flex: 1, justifyContent: "center" }} behavior="padding">
<TextInput
keyboardType="numeric"
placeholder="Donation amount"
placeholderTextColor="#5c5c5c"
style={styles.input}
onFocus={() => setShowExtend(true)}
/>
<TextInput
keyboardType="numeric"
placeholder="Postal code"
placeholderTextColor="#5c5c5c"
style={styles.input}
onFocus={() => setShowExtend(false)}
/>
<TouchableOpacity style={{ alignItems: "center" }}>
<Text>Test</Text>
</TouchableOpacity>
</KeyboardAvoidingView>
</SafeAreaView>
</TouchableWithoutFeedback>
<KeyboardExtender enabled={showExtend}>
<Animated.View style={[styles.keyboardExtend, animatedStyle]}>
<TouchableOpacity onPress={() => Alert.alert("10 dollars")}>
<Text style={textStyle}>10$</Text>
</TouchableOpacity>
<TouchableOpacity onPress={() => Alert.alert("20 dollars")}>
<Text style={textStyle}>20$</Text>
</TouchableOpacity>
<TouchableOpacity onPress={() => Alert.alert("50 dollars")}>
<Text style={textStyle}>50$</Text>
</TouchableOpacity>
</Animated.View>
</KeyboardExtender>
</>To Reproduce
Steps to reproduce the behavior:
- Use KeyobardExtender Example code
- Wrap inputs with KeyboardAvoidingView
- Focus input which activates KeyboardExtender
- Inputs jumps after keyboard hide
Expected behavior
Keyboard close should be with smooth animation
Screenshots
If applicable, add screenshots to help explain your problem.
Simulator.Screen.Recording.-.iPhone.17.Pro.-.2025-12-16.at.15.53.16.mov
Smartphone (please complete the following information):
- Desktop OS: MacOS Tahoe 26.2
- Device: iPhone 17 Pro
- OS: iOS 26.2
- RN version: 0.82.1
- RN architecture: NewArch
- JS engine: Hermes
- Library version: 1.20.2
Additional context
Add any other context about the problem here.
huextrat and ddeveloper2023
Metadata
Metadata
Assignees
Labels
KeyboardAvoidingView 🧪Anything related to KeyboardAvoidingView componentAnything related to KeyboardAvoidingView componentKeyboardExtender 🧩Anything about keyboard extending (i. e. `KeyboardExtender` component)Anything about keyboard extending (i. e. `KeyboardExtender` component)repro providedIssue contains reproduction repository/codeIssue contains reproduction repository/code🍎 iOSiOS specificiOS specific🐛 bugSomething isn't workingSomething isn't working