FilamentF
Filament•17mo ago
daregu

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 class when the user submits the form, but instead of the disabled class being applied, the readonly class is being applied.

When inspecting the element with the fi-input class, I found that the 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;
}
image.png
Was this page helpful?