callstack / callstack/react-native-paper

TextInput mode=outline has floating label truncated

未关闭
#4,537 4 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
bug TextInput
主要语言
TypeScript
星标
14.5k
派生
2.2k
平均合并
5 天 23 小时
30 天内合并 PR
12

描述

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

贡献指南

打开贡献指南

调研方向

从链接的 Expo Snack 开始,比较 RNP v4 和 v5 中 TextInput 的 mode="outline" 行为。跟踪 TextInput 使用的 outline 浮动标签渲染,然后验证在复现的 v5 案例中完整标签是否显示。

由索引模型根据 Issue 内容生成。

评估

技术栈
react-native, typescript
领域
frontend, mobile
Issue 类型
缺陷
难度
3/5
预计耗时
1-2 天
活跃度
停滞
描述清晰度
基本清楚
新手友好度
45/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。