callstack / callstack/react-native-paper

Multiline TextInput backgroundColor does not fully cover surface

Aperta
#4,469 4 commenti 0 reazioni 0 assegnatari Vedi su GitHub
bug TextInput
Lingua principale
TypeScript
Stelle
14.5k
Fork
2.2k
Merge medio
5g 23h
PR unite (30g)
12

Descrizione

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

Guida per i contributori

Apri la guida per i contributori

Valutazione

Questa issue non è ancora stata valutata.

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.