fix: Text Input Label overlaps Left element on react native 0.77 #4730
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
The label for a
Text Input, when not in focus, overlaps theleftcomponent. This PR updates the threshold values required fortranslationXto be in accordance with support for React Native version0.77as release5.14.1mentions in the changelog.Related issue
InputLabeldoes not translate accordingly whenleftcomponent is present on react native0.77.Test plan
Create a simple
TextInputwith a textlabeland anyleftelement (eitherTextInput.IconorTextInput.Affix). The current version (5.14.1with react native0.77) works like this:After updating threshold for
translateXthe result is: