BUG: Login popup email input field bug

[Anurag-Gaiwal]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

When attempting to log in by entering an email or mobile number, the placeholder label (Enter Email/Mobile) inside the input field overlaps with the entered text. This creates a poor user experience as it becomes difficult to see what is being typed.

What happened?

When I try to input my email or mobile number in the login form, the placeholder label stays inside the input field and does not move. This leads to the entered text and the label overlapping each other, making it difficult to see what has been typed.

Expected behavior

I expected the placeholder label to move above the input field when it is focused or when the user starts typing. This would ensure that the entered text is clearly visible and the form is more user-friendly, without any overlapping.

Screenshots

Here’s a screenshot showing the issue where the text and placeholder label overlap:

Record

• I agree to follow this project's Code of Conduct
• I'm a GSSOC'24 contributor
• I want to work on this issue

[github-actions]

Hi there! Thanks for opening this issue. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.