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

Upgrading from v0.2.0 to v0.3.0 removes all styling #60

Closed
botre opened this issue Mar 26, 2021 · 2 comments · Fixed by #61
Closed

Upgrading from v0.2.0 to v0.3.0 removes all styling #60

botre opened this issue Mar 26, 2021 · 2 comments · Fixed by #61

Comments

@botre
Copy link

botre commented Mar 26, 2021

What version of @tailwindcss/forms are you using?

v0.3.0

What version of Node.js are you using?

12.16

What browser are you using?

Chrome

What operating system are you using?

Windows

Reproduction repository

NA

Upgrading from v0.2.0 to v0.3.0 removes all input styling.

Is there a migration step somewhere I missed?

Code:

<input className={`block w-full placeholder-gray-400 border-gray-300 focus:ring-java-500 focus:border-java-500 rounded px-3 py-2`}
 />

Before (0.2):

before

After (0.3):

after

@Xenonym
Copy link
Contributor

Xenonym commented Mar 26, 2021

Seems like the default strategy was changed to class in 3bfbd1a, possibly by accident? @adamwathan

The docs seem to imply that class is optional.

In the meantime, you can workaround this by explicitly specifying the base strategy:

// tailwind.config.js
plugins: [
 require("@tailwindcss/forms")({
   strategy: 'base',
 }),
],

@jcsoriano
Copy link

Also experiencing this.

This is my form when @tailwindcss/forms:^2.1

image

And this is my form after upgrading to ^3.0

image

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

Successfully merging a pull request may close this issue.

3 participants