callstack / callstack/react-native-paper

TextInput mode=outline has floating label truncated

Open
#4,537 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
In v5, TextInput with mode="outline" has its floating label truncated. See image:

![Image](https://github.com/user-attachments/assets/649f3545-cce1-43b9-a370-a3760be7c914)

### Expected behaviour
The full label is displayed, not truncated

### How to reproduce?
See [this Snack](https://snack.expo.dev/uiuAtcKGV6w2_o8iEBZ0i).

If you change the version of RNP to v4, the issue goes away (in the Snack editor, simply modify the version value in `package.json` as per the images below).

### Preview
**RNP v4**:

![Image](https://github.com/user-attachments/assets/ea2dc790-b386-415e-b886-b4cdfbaa1a4d)

**RNP v5**:

![Image](https://github.com/user-attachments/assets/2b065ae2-68b9-4590-aa14-10d74c5abc52)

### Your Environment

See Snack.

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.