bluesky-social / social-app

The Bluesky Social application for Web, iOS, and Android

Home Page:https://bsky.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

All inputs in SignUp and SignIn have scroll when selected and for a much padding

metrondir opened this issue · comments

Describe the bug
All input fields in the SignUp and SignIn forms have excessive padding, resulting in unwanted scroll bars appearing.

To Reproduce

Steps to reproduce the behavior:

Navigate to the SignUp or SignIn page.
Observe the input fields.
Note the presence of scroll bars within the input fields due to excessive padding.
Expected behavior
The input fields should not have scroll bars and should display the entered text clearly, with appropriate padding.

Screenshots
image

Details

Platform: desktop chrome windows

Additional context
This issue seems related to the CSS styling applied to the input fields, particularly the padding settings. Adjusting the padding to appropriate values should resolve the problem.

The default lineHeight that was given in TextField is causing the issue. If you just remove it and let it inherit the lineHeight it will not cause an issue on any text field.
Just trying to contribute. Let me know if you need my help in creating a PR for this. I'll be happy to help.

commented

Sure, a PR would be welcome!

Sure, I'll create a PR soon.