Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
'alignItems' container style breaks the input fields
See original GitHub issueHi!
When you place FloatingLabelInputs inside a View container which has the alignItems style set to something different than 'stretch' (default), these inputs don’t work properly. They are very narrow, placeholders go out of borders and the user input itself isn’t visible.
I’ve tried setting width for the inputs to fix it, but it doesn’t solve the issue - entered text gets cropped and is still not visible.
On the image below, the password field has it’s style set to width: '80%' and the style of the container View is set to alignItems: 'center'
Issue Analytics
- State:
- Created 3 years ago
- Comments:13 (7 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
You are right - mistake simple as that 😉
It seems that everything is working properly now. Thanks for the fix
@pawicao, sorry but I think you’re using the margin or padding at the wrong style prop. If you want the margin to affect the area around the input, use the containerStyles prop as the image shows:
If you can confirm this is working as intended, we can close this.