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

bug: input styles broken on autocomplete #172

Closed
amilajack opened this issue Nov 13, 2020 · 1 comment
Closed

bug: input styles broken on autocomplete #172

amilajack opened this issue Nov 13, 2020 · 1 comment
Labels
bug Something isn't working

Comments

@amilajack
Copy link
Member

amilajack commented Nov 13, 2020

When filling in the search box with an autocomplete value, the syles of the input change to chrome's default background of white (in the case of autocomplete values).

Screen Shot 2020-11-12 at 8 10 36 PM

This is a known issue with tailwind other people are having. See tailwindlabs/tailwindcss-custom-forms#30

Solution

Apply fix from here
https://css-tricks.com/snippets/css/change-autocomplete-styles-webkit-browsers/
Its okay to use css instead of tailwind here

@amilajack amilajack added the bug Something isn't working label Nov 13, 2020
@amilajack
Copy link
Member Author

amilajack commented Nov 16, 2020

Another example of how its broken:

Screen Shot 2020-11-15 at 10 36 06 PM

Hovering over the autocomplete dropdown breaks the theming because it uses chrome's default autocomplete styles.

@amilajack amilajack changed the title bug: tailwind styles broken on autocomplete bug: input styles broken on autocomplete Nov 17, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant