Disabled class not working ON INPUTS

Hello,

I'm experiencing an issue with Filament 3 in Laravel. I'm trying to set the cursor-not-allowed
cursor-not-allowed
class when the user submits the form, but instead of the disabled
disabled
class being applied, the readonly
readonly
class is being applied.

When inspecting the element with the fi-input
fi-input
class, I found that the disabled:
disabled:
classes are present.

Here is the code I'm using:

/* WORK */
.fi-input {
    @apply read-only:cursor-not-allowed read-only:opacity-50 !important;
}

/* DOESN'T WORK */
.fi-input {
    @apply disabled:cursor-not-allowed disabled:opacity-50 !important;
}

/* WORK */
.fi-input {
    @apply read-only:cursor-not-allowed read-only:opacity-50 !important;
}

/* DOESN'T WORK */
.fi-input {
    @apply disabled:cursor-not-allowed disabled:opacity-50 !important;
}

Filament•2y ago•

1 reply

daregu

Disabled class not working ON INPUTS

/* WORK */
.fi-input {
    @apply read-only:cursor-not-allowed read-only:opacity-50 !important;
}

/* DOESN'T WORK */
.fi-input {
    @apply disabled:cursor-not-allowed disabled:opacity-50 !important;
}

/* WORK */
.fi-input {
    @apply read-only:cursor-not-allowed read-only:opacity-50 !important;
}

/* DOESN'T WORK */
.fi-input {
    @apply disabled:cursor-not-allowed disabled:opacity-50 !important;
}

Disabled class not working ON INPUTS

Similar Threads

Disabled class not working ON INPUTS

Similar Threads

Similar Threads

Similar Threads