-
-
Notifications
You must be signed in to change notification settings - Fork 1.4k
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
[BUG] - Chrome autofill changes background color for Input component #1346
Comments
Strongly disagree, we should definitely reflect user action. Maybe do it in a prettier way tho :) |
Well at least it should look nice. |
@jguddas Maybe we could take leverage of TailwindCSS autofill pseudo class https://tailwindcss.com/docs/hover-focus-and-other-states#autofill |
Sure, do you have a certain background color that we should go for, and should it be applied to the whole |
Try to style the input component using the following style: input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 40px white inset !important;
} This usually removes the autofill colour changes made by the browsers. |
Yeah, absolutely, except, maybe, use a variable for the background color |
Even adding a color doesn't work with error states for example ... Solution would be :
|
Why the inputs in the documentation doesn't have this behavior? |
Describe the bug
When selecting a value from chrome autocomplete its background changes to lightblue.
Your Example Website or App
Please see sample at https://github.com/twirlse/nextui-autocomplete-bug
Steps to Reproduce the Bug or Issue
Create an input that Chrome has autocomplete values for (i.e. email).
See attached animation.
Expected behavior
Background color for input should not change.
Screenshots or Videos
Operating System Version
Windows
Browser
Chrome
The text was updated successfully, but these errors were encountered: