callstack / callstack/react-native-paper

Multiline TextInput label is not visible in flat mode

Abierto
#4,756 2 comentarios 3 reacciones 0 asignados Ver en GitHub
bug
Lenguaje dominante
TypeScript
Estrellas
14.5k
Forks
2.2k
Merge medio
5 d 23 h
PR fusionados (30 d)
12

Descripción

## Bug Report Template

**Current Behaviour**
When focusing into a TextInput, in when `mode="flat"`, the label disappears. The label displays correctly when `multiline=false`, and this issue only occurs on iOS. This occured in the latest version (5.14.5), and also in 5.14.1.

Also, it seems like some letters like letter "i" in this "Uwagi" word is also cut by the same overlay.

**Expected Behaviour**
The label should be scaled down and visible as usual when the TextInput is focused, regardless of multiline setting or platform.

**How to Reproduce**

1. Use react-native-paper version 5.14.5.
2. Render a TextInput, with following settings on iOS.
- mode = "flat"
- mutliline = true
- label = "I am test field"
``
5. Focus the TextInput.
6. Observe that the label disappears.

_Screenshots:_

Screenshot 2024-08-21 at 14 10 38

Screenshot 2024-08-21 at 14 10 44

The "i" cut in "Uwagi" word,

![Image](https://github.com/user-attachments/assets/09a85913-0475-4256-84cf-455c1177380f)

**What Have You Tried So Far?**
I tried doing the same thing [as he did](https://github.com/callstack/react-native-paper/issues/4482), but it is not working.

### Your Environment

| software | version
| --------------------- | -------
| ios | 18.4
| android | x
| react-native | 0.79.2
| react-native-paper | 5.14.5
| node | 22
| npm or yarn | pnpm
| expo sdk | 53

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.