callstack / callstack/react-native-paper

Multiline TextInput backgroundColor does not fully cover surface

Open
#4,469 4 comments 0 reactions 0 assignees View on GitHub
bug TextInput
Dominant language
TypeScript
Stars
14.5k
Forks
2.2k
Avg merge
5d 23h
Merged PRs (30d)
12

Description

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

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.