callstack / callstack/react-native-paper

[Android Only] Blurred TextInput's label is not aligned to top if textAlignTop='top' is set

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

Description

### Current behaviour
The blurred TextInput's label is centered to the TextInput if height is set to eg. 200 and `textAlignTop` is set to `top`.

### Expected behaviour
The label should be aligned to the top of the TextInput

### How to reproduce?
``

### What have you tried so far?
I've tried using `contentStyle` props.

### Your Environment

| software | version
| --------------------- | -------
| ios | x
| android | 13
| react-native | 0.82.1
| react-native-paper | 5.14.5
| node | 22.11.0
| npm or yarn | x.x.x
| expo sdk | x.x.x

Contributor guide

Open the contributing guide

Research direction

Start with the React Native Paper TextInput implementation and reproduce the provided multiline example on Android with a 200px height and textAlignTop set to top. The fix is complete when the blurred “Name” label is aligned to the top of the TextInput under those conditions.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
mobile
Issue type
Bug
Difficulty
2/5
Estimated time
Half a day
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.