[iOS] The caret goes under the keyboard in multiline TextInput after the ScrollView auto-scrolls to the caret
Chưa có ai nhận issue này.
- Ngôn ngữ chính
- C++
- Star
- 127k
- Fork
- 25.3k
- Merge trung bình
- 1 ngày 23 giờ
- Pull request đã merge (30 ngày)
- 4
Mô tả
Description
On iOS, when using a multiline TextInput inside a ScrollView with automaticallyAdjustKeyboardInsets, the caret goes under the keyboard after adding a new line in the input.
Steps to reproduce
<ScrollView automaticallyAdjustKeyboardInsets>
// Any content above the TextInput to position it at the bottom of the screen
<TextInput multiline style={{ height: 100 }} /> // multiline TextInput with some fixed height
</ScrollView>
ScrollViewwithautomaticallyAdjustKeyboardInsets(with enough content to fill the whole screen).- Multiline
TextInputwith fixed height (let's say 100). - Focus on the input when it’s positioned at the bottom of the screen.
- Let the keyboard slide up and the
ScrollViewscroll to the caret. - Type more than 1 line in the
TextInput. - The
TextInputcaret goes under the keyboard - Once the TextInput fills the available height, it starts scrolling, but the user only sees the first line of the input
React Native Version
0.79.5
Affected Platforms
Runtime - iOS
Output of npx @react-native-community/cli info
This is not relevant
Stacktrace or Logs
This is not relevant
MANDATORY Reproducer
https://snack.expo.dev/@serge0n/textinput-multiline-autoscroll-on-new-line?platform=ios
Screenshots and Videos
https://github.com/user-attachments/assets/954d5545-3d89-4ef2-91d8-15214b4fffbe
Hướng dẫn đóng góp
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Hướng nghiên cứu
Bắt đầu bằng cách chạy trình tái hiện Snack được liên kết trên iOS và theo dõi tương tác giữa automaticallyAdjustKeyboardInsets của ScrollView với TextInput nhiều dòng. So sánh khả năng hiển thị của con trỏ trước và sau khi nhập một dòng mới; được xem là hoàn tất khi con trỏ vẫn nằm phía trên bàn phím và phần văn bản hiển thị đi theo con trỏ khi ô nhập dần đầy.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- ios, 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
- 35/100