Title: Input Field Border Outline Obscures Text When Selecting Cached Email During Signup and SignIn
metrondir opened this issue · comments
Describe the bug
When signing up and selecting a cached email, the input field displays a border outline that obscures the input, making it difficult to see the entered text.
To Reproduce
Steps to reproduce the behavior:
Navigate to the signup page.
Begin typing an email address in the email input field.
Select a cached email from the browser's autofill suggestions.
Observe the input field's border outline.
Expected behavior
The input field should display the entered text clearly without any border outline or styling issues that obscure the text.
Details
Platform: desktop chrome windows
Additional context
The issue seems related to the CSS styling applied to the input field when an email is selected from the browser's autofill suggestions. This might involve CSS-in-JS styling conflicts or browser-specific styling behavior.
Browser autofill styles can't be overridden, but it might be doable through some z-index trickery to get the border to be above the input