callstack / callstack/react-native-paper
TextInput mode=outline has floating label truncated
- Vorherrschende Sprache
- TypeScript
- Sterne
- 14.5k
- Forks
- 2.2k
- Ø Merge
- 5 T. 23 Std.
- Gemergte PRs (30 T.)
- 12
Beschreibung
### Current behaviour
In v5, TextInput with mode="outline" has its floating label truncated. See image:
### 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**:
**RNP v5**:
### Your Environment
See Snack.
Beitragsleitfaden
Rechercherichtung
Start with the linked Expo Snack and compare the TextInput mode="outline" behavior between RNP v4 and v5. Trace the outline floating-label rendering used by TextInput, then verify that the complete label is displayed in the reproduced v5 case.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- react-native, typescript
- Bereich
- frontend, mobile
- Issue-Typ
- Bug
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 45/100