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

Đang mở
#4,430 2 bình luận 0 reaction 0 người được giao Xem trên GitHub
bug
Ngôn ngữ chính
TypeScript
Star
14.5k
Fork
2.2k
Merge trung bình
5 ngày 23 giờ
Pull request đã merge (30 ngày)
12

Mô tả

### 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

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Start by reproducing the issue on Android 14 with a Portal containing a controlled TextInput using value=, then compare it with defaultValue=. Verify the behavior while entering a word by finger sliding and pressing backspace; done means the controlled input deletes the entire composed word while retaining the ability to clear it programmatically.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
react-native
Lĩnh vực
mobile
Loại issue
Lỗi
Độ khó
4/5
Thời gian dự kiến
3-5 ngày
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
25/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.