Filament•3mo ago

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;
}

/* 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;
}

0 Replies

No replies yetBe the first to reply to this messageJoin

Gaming

Programming

Disabled class not working ON INPUTS