callstack / callstack/react-native-paper

TextInput loses focus inside Banner on iOS only

Abierto
#4,178 1 comentario 2 reacciones 0 asignados Reclamado por @abdulbasithqb Ver en GitHub
Banner bug
Lenguaje dominante
TypeScript
Estrellas
14.5k
Forks
2.2k
Merge medio
5 d 23 h
PR fusionados (30 d)
12

Descripción

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

Guía de contribución

Abrir la guía de contribución

Evaluación

Este issue todavía no se ha evaluado.

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.