Skip to content

fix: textinput multiline hidden lable issue on ios and web#4855

Open
Balaji-Kotni wants to merge 1 commit intocallstack:mainfrom
Balaji-Kotni:main
Open

fix: textinput multiline hidden lable issue on ios and web#4855
Balaji-Kotni wants to merge 1 commit intocallstack:mainfrom
Balaji-Kotni:main

Conversation

@Balaji-Kotni
Copy link

Problem

When a TextInput gains focus (particularly with mode="flat"), the label disappears. This issue does not occur when multiline is set to false, where the label behaves as expected.

Motivation

A patchContainer was introduced to address an earlier issue (#2799). However, the container was assigned a zIndex of 2, which causes it to overlap and hide the actual label when the TextInput is focused.
To fix this, the zIndex has been reduced to 0. With this change, the label remains visible and functions correctly. The fix has been tested successfully on iOS, Android, and Web.

Related Issue

Test Plan

All existing tests pass successfully.

@callstack-bot
Copy link

Hey @Balaji-Kotni, thank you for your pull request 🤗. The documentation from this branch can be viewed here.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants