callstack / callstack/react-native-paper
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
- Dominant language
- TypeScript
- Stars
- 14.5k
- Forks
- 2.2k
- Avg merge
- 5d 23h
- Merged PRs (30d)
- 12
Description
### 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
Contributor guide
Assessment
This issue has not been assessed yet.