Skip to content

Jumpy behavior when using KeyboardExtender with KeyboardAvoidingView #1249

@PrimulaX

Description

@PrimulaX

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:

  1. Use KeyobardExtender Example code
  2. Wrap inputs with KeyboardAvoidingView
  3. Focus input which activates KeyboardExtender
  4. 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.

Metadata

Metadata

Assignees

Labels

KeyboardAvoidingView 🧪Anything related to KeyboardAvoidingView componentKeyboardExtender 🧩Anything about keyboard extending (i. e. `KeyboardExtender` component)repro providedIssue contains reproduction repository/code🍎 iOSiOS specific🐛 bugSomething isn't working

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions