callstack / callstack/react-native-paper

TextInput loses focus inside Banner on iOS only

Đang mở
#4,178 1 bình luận 2 reaction 0 người được giao Được @abdulbasithqb nhận Xem trên GitHub
Banner 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
TextInput loses focus every type a character is entered and keyboard is dismissed. This happens only on iOS real device.
On android real device it works as expected.

### Expected behaviour
TextInput inside Banner shouldn't lose focus and keyboard should be visible.

### How to reproduce?
Create a TextInput component inside a Banner component
[Snack Expo Code ](https://snack.expo.dev/@sudarsangp/09b36b)

### Preview
[Demo of bug](https://github.com/callstack/react-native-paper/assets/2398969/91128bf7-561f-47f2-b5f4-cebe008fd4e9)

### What have you tried so far?

1. I setup the repo locally and modified `BannerExample` to reproduce the issue.
2. I commented the different parts in `Banner` source code
3. I noticed the `Surface` is rendered differently on iOS so commented different parts of source code

Unable to figure out, so I am not sure how to proceed.

### Your Environment

| software | version
| --------------------- | -------
| ios | 15.7.9
| react-native | 0.72.4
| react-native-paper | 5.10.1
| node | 18.17.0
| npm | 9.8.1
| expo sdk | 49.0.5

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

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

Đánh giá

Issue này chưa được đánh giá.

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.