vueform / slider

Vue 3 slider component with multihandles, tooltips merging and formatting (+Tailwind CSS support).

Home Page:https://vueform.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

require('@vueform/slider/tailwind') breaks TailwindCSS disabled classes

andorfermichael opened this issue · comments

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)

+1 - I am also facing this.

Duplicate #48