callstack / callstack/react-native-paper

Label is not aligned center vertically while increase the height

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

Description

When set a height for a TextInput in outlined mode, the label is not vertically centered. If you apply paddingVertical, the label overlaps the outline.

Image

Image

Contributor guide

Open the contributing guide

Research direction

Reproduce the outlined TextInput with an increased height and paddingVertical, using the screenshots as the expected visual reference. Start by locating the outlined TextInput implementation and its label layout logic; done means the label is vertically centered and does not overlap the outline when the input height changes.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
frontend, mobile
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.