react-native-paper icon indicating copy to clipboard operation
react-native-paper copied to clipboard

Using Portal and a TextInput with "value=" inside it makes the Backspace key to not behave properly when using finger sliding to write on Android

Open Olfdev opened this issue 1 year ago • 2 comments

Current behaviour

Using backspace only deletes the last letter after using finger sliding to write

Expected behaviour

Using backspace should delete the entire word after using finger sliding to write

How to reproduce?

  • Create a Portal component
  • Add a TextInput with a "value="
  • Start your project on your phone
  • Type a word in the TextInput by using finger sliding on letters
  • Press the backspace key
  • Observe the issue where only the last letter gets deleted

  • Remove the Portal component
  • Start your project on your phone
  • Type a word in the TextInput by using finger sliding on letters
  • Press the backspace key
  • Observe the correct behavior where the entire word gets deleted

Notes:

Everything works as intended when using a "defaultValue=" instead of "value=". But using defaultValue instead creates other issues like not being able to clear the input field with a button (without hacky workarounds with ref= for example). I think this is the same kind of issue as the one where using "value=" makes the cursor jump to the left when writing in the middle of a sentence.

Your Environment

software version
android 14
react-native 0.74.2
react-native-paper 5.12.3

Olfdev avatar Jun 11 '24 01:06 Olfdev

I have no idea what happened even though I searched for hours, but while refactoring my code, I moved some functions to other files and now it's properly working...

Olfdev avatar Jun 11 '24 17:06 Olfdev

Reopening as I found out what's wrong.

Olfdev avatar Jun 12 '24 18:06 Olfdev