Skip to content

missing checkbox styling on safari #13

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

Closed
dsazup opened this issue Nov 21, 2020 · 2 comments
Closed

missing checkbox styling on safari #13

dsazup opened this issue Nov 21, 2020 · 2 comments

Comments

@dsazup
Copy link

dsazup commented Nov 21, 2020

Hello, I am seeing a strange bug with checkboxes on safari. It doesn't apply styling when I am using this as a plugin.

E.g on safari I see this:
Screenshot 2020-11-21 at 17 58 06

I added it as a plugin to tailwind.config.js, as you can see it applies styling correctly to the inputs (except checkbox). Now comes the strange part, if I add

  <link rel="stylesheet" href="https://unpkg.com/@tailwindcss/forms@0.2.1/dist/forms.min.css" />

after my app.css, it works 😄

Screenshot 2020-11-21 at 18 00 11

So wondering if I am missing something here. Running pretty much default everything. Only have

@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

in my app.css 🤔

and tailwind.config.js is default

module.exports = {
  purge: [],
  theme: {
  },
  plugins: [
    require('@tailwindcss/forms'),
  ],
}

package versions

 "tailwindcss": "^2.0.1",
 "@tailwindcss/forms": "^0.2.1",

any ideas what I could be missing, or is this a bug? Let me know if there is any other information I can supply, thanks.

@adamwathan
Copy link
Member

Hey! Do you have autoprefixer configured properly in your PostCSS configuration?

@dsazup
Copy link
Author

dsazup commented Nov 21, 2020

Ahh, that was it! It was running before tailwind, totally missed it. 🤦 Thank you very much, it all works perfectly now 👌

@dsazup dsazup closed this as completed Nov 21, 2020
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

2 participants