Cursor in TextInput jumps when using in Modal/Dialog

Current behaviour

I’m using a TextInput inside a Dialog. When entering text somewhere in the middle, the cursor jumps back before that newly entered character. When deleting a character, the cursor jumps before the previous character.

Expected behaviour

Code sample

const [value, setValue] = useState("");

return (
  <Portal>
    <Dialog visible={props.visible} dismissable={false}>
      <Dialog.Title>Title</Dialog.Title>
      <Dialog.Content>
        <TextInput value={value} onChangeText={setValue} />
     </Dialog.Content>
   </Dialog>
  </Portal>
);

Screenshots (if applicable)

What have you tried

Your Environment

software	version
ios or android	android
react-native	0.63.4
react-native-paper	4.7.2
node	14.15.4
npm	7.5.4

[raajnadar]

Pass the state value to the defaultValue prop it will make the input uncontrolled and the issue will get solved

[alexandreandriesse]

I still have this problem, and it’s annoying !