callstack / callstack/react-native-paper

TextInput loses focus inside Banner on iOS only

Open
#4,178 1 comment 2 reactions 0 assignees Claimed by @abdulbasithqb View on GitHub
Banner bug
Dominant language
TypeScript
Stars
14.5k
Forks
2.2k
Avg merge
5d 23h
Merged PRs (30d)
12

Description

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

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.