Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Autofill styles bug with input's placeholder #468

Open
nelsongutidev opened this issue Jul 7, 2020 · 0 comments
Open

Autofill styles bug with input's placeholder #468

nelsongutidev opened this issue Jul 7, 2020 · 0 comments

Comments

@nelsongutidev
Copy link
Contributor

When using an ngx-ui input on a tab, there is a bug where autofill styles from the browser are applied when navigating between the tabs wrapping the inputs. When you change tabs and return the animation skips to the end and the field then has the built-in and non-overidable autofill styles.
Seems like because it is trying to autofill text into an input field the autofill-preview pseudo class is never removed. So we get stuck with the autofill styles that become visible when the animation jumps to the end.

image

Possible solutions:

  1. Add a decent style for autofill, for when it is used.
  2. Ensure the input type is included in the id to avoid collision across types.
    and/or
  3. When no id is provided, generate a collision resistant id.
  4. setting autocomplete="off" (tricky, not cross platform)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant