search

bluesky-social / social-app

The Bluesky Social application for Web, iOS, and Android
https://bsky.app
MIT License
8.28k stars 1.11k forks source link

Title: Input Field Border Outline Obscures Text When Selecting Cached Email During Signup and SignIn #4486

Open metrondir opened 3 months ago

metrondir commented 3 months ago

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.

Screenshots image

image

image

image

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.

mary-ext commented 3 months ago

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