formkit / docs-content

The content (.md format) — and only the content — for the FormKit documentation site.
17 stars 28 forks source link

The @tailwindcss/forms plugin "breaks" the FormKit Tailwind Genesis theme #106

Closed js-modernary closed 7 months ago

js-modernary commented 1 year ago

You may want to specify in the docs (https://formkit.com/essentials/styling) that using the @tailwindcss/forms plugin in combination with the @formkit/themes/tailwindcss plugin and the provided Tailwind version of the Genesis theme will result in a jumbled mess on some elements. (e.g. Select or Autocomplete when using the selection-appearance="option" prop).

During pre-release I chalked this up to the shifting recommendations with respect to themes and possible mistakes on my part when generating the Tailwind version of the Genesis theme. Now that you're in v1.0.0 I finally took the time to dig into this further and found the conflict.

Thanks for all of the brilliant work on the project and for your responsiveness on Discord!

fenilli commented 1 year ago

Yeh that is probably the case we should add that it would break the styles as @tailwindcss/forms does add styles to forms, or we could take a look and make it work if both are set.

andrew-boyd commented 7 months ago

To the best of my knowledge (I wrote it) the @tailwindcss/forms plugin works swimmingly with the new Regenesis theme — so I'm going to close this.