callstack / callstack/react-native-paper

Multiline TextInput backgroundColor does not fully cover surface

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

Descripción

### Current behaviour
Multiline TextInput background color does not cover all the surface on iOS if background color have opacity.

### Expected behaviour
Multiline TextInput background color should cover all the surface on iOS.

### How to reproduce?
https://snack.expo.dev/@konstantin_bonn/textinput

### Preview
![Снимок экрана 2024-07-30 в 17 16 33](https://github.com/user-attachments/assets/156fb7dd-6ea3-4ff0-8607-9b7224bed635)

### What have you tried so far?
Try to apply contentStyle with the same color, but it just got worse.
Works fine if comment background in this workaround for iOS

```
{!isAndroid && multiline && !!label && !disabled && (
// Workaround for: https://github.com/callstack/react-native-paper/issues/2799
// Patch for a multiline TextInput with fixed height, which allow to avoid covering input label with its value.

)}
```

### Your Environment

| software | version
| --------------------- | -------
| ios | 17.2
| react-native | "0.73.6"
| react-native-paper | "^5.12.3"
| node | v20.5.0
| yarn | 1.22.19

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.