require('@vueform/slider/tailwind') breaks TailwindCSS disabled classes
andorfermichael opened this issue · comments
Michael Andorfer commented
When I add require('@vueform/slider/tailwind')
to the tailwind.config.js it somehow overrides the disabled styles defined by TailwindCSS. Thus disabled:
styles are not applied correctly anymore on other UI elements, e.g.
<button
type="button"
:disabled="disabled"
class="disabled:cursor-not-allowed disabled:opacity-50"
:class="[$attrs.class, $attrs.staticClass, categoryClasses, sizeClasses]"
>
<span>{{ text }}</span>
</button>
Button is not styles as disabled any more (no not allowed cursor and no opacity)
Inder Pal Singh commented
+1 - I am also facing this.
Adam Berecz commented
Duplicate #48