Skip to content

TextInput in react-native-paper can't move cursor point once it is focused #4658

Open
@meTech1021

Description

@meTech1021

Current behaviour

Now I am Trying to build react native mobile app using react native version 0.72.4
<TextInput
label="Email"
value={email ?? ""}
onChangeText={(text) => {
dispatch(actions.setUserLoginEmail(text));
setShowError(false);
if (text === "") {
setShowError(false);
} else {
debouncedCheckEmailValidity(text);
}
}}
error={showError && !validateEmailForTextInput(email)}
outlineStyle={{
borderRadius: 10,
backgroundColor: "#F5F8F6",
}}
activeOutlineColor="#000000"
theme={{
colors: {
background: '#FFFFFF',
primary: '#000000',
text: '#000000',
},
}}
/>
When I try this code and try to focus nth letter place then it is not working.

Image

For example I can't set cursor position next to "i" which is 3rd place in that "twinklex" string.
If keyboard is hiden then can click anywhere but once keyboard is shown again then can't again too.
This happens only on android

Your Environment

software version
ios 18
android 34
react-native 0.72.4
react-native-paper 5.13.1
node v20.9.0
npm or yarn 10.1.0

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions