Bug Description
1. Summary
When user press DOWN button on the remote control the focus is lost.
App Name:
App Link on Amazon Appstore: Kepler sample app with example TextInput component from TextInput | React Native Vega Reference
Bug Severity
Select one that applies
- Impacts operation of app
- Blocks current development
- Improvement suggestion
- Issue with documentation (If selected, please share the doc link and describe the issue)
- Other
2. Steps to Reproduce
- Open any keyboard from the TextInput component.
- Press the DOWN button on the remote control until you reach the last row.
- Observe that when you press DOWN on the last row, the focus is lost, and then on the next DOWN press, it returns to the first row of the keyboard.
3. Observed Behavior
The focus is lost from the screen, and the user can either press UP to focus on the last row or press DOWN again to focus on the first row of the keyboard.
4. Expected Behavior
Focus is either trapped, so it’s not possible to move it from the last row in the DOWN direction, or when the DOWN remote control is pressed, it moves to the first row of the keyboard without being lost.
4.a Possible Root Cause & Temporary Workaround
N/A
5. Logs or crash report
keyboard-logs.txt (87.6 KB)
6. Environment
Please fill out the fields related to your bug below:
- SDK Version: 0.20.3106
- App State: Foreground
- OS Information
NAME="OS"
OE_VERSION="4.0.0"
OS_MAJOR_VERSION="1"
OS_MINOR_VERSION="1"
RELEASE_ID="10"
OS_VERSION="1.1"
BRANCH_CODE="TV Ship"
BUILD_DESC="OS 1.1 (TV Ship/4434)"
BUILD_FINGERPRINT="4.0.163721.0(3072cab629675a74)/4434N:user-external/release-keys"
BUILD_VARIANT="user-external"
BUILD_TAGS="release-keys"
BUILD_DATE="Thu Sep 25 15:30:34 UTC 2025"
BUILD_TIMESTAMP="1758814234"
VERSION_NUMBER="1001010443450"
7. Example Code Snippet / Screenshots / Screengrabs
import React from 'react';
import {SafeAreaView, StyleSheet, TextInput} from 'react-native';
const TextInputExample = () => {
const [text, onChangeText] = React.useState('Useless Text');
const [number, onChangeNumber] = React.useState('');
return (
<SafeAreaView>
<TextInput
style={styles.input}
onChangeText={onChangeText}
value={text}
/>
<TextInput
style={styles.input}
onChangeText={onChangeNumber}
value={number}
placeholder="useless placeholder"
keyboardType="numeric"
/>
</SafeAreaView>
);
};
const styles = StyleSheet.create({
input: {
height: 40,
margin: 12,
borderWidth: 1,
padding: 10,
},
});
export default TextInputExample;
Video capture
