Cannot Scroll Inside Edit/Create Modal

Hello, I’d like to report a bug or ask if anyone else has experienced the same issue.
When I open a modal (either Edit or Create), the scroll doesn’t work. Has anyone else encountered this issue? Is there any solution?
I’ve attached a screenshot and the output of

php artisan about

php artisan about

as well.

Solution

Thanks for the insight — you were right!
I’m using a custom theme, and the issue was caused by this CSS:

.fi-body .fi-layout {
    background: #e9f0ff;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.dark .fi-body .fi-layout {
    background: linear-gradient(135deg, #1c1c1e, #2c2c2e, #3a3a3c);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.fi-body .fi-layout {
    background: #e9f0ff;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.dark .fi-body .fi-layout {
    background: linear-gradient(135deg, #1c1c1e, #2c2c2e, #3a3a3c);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

Apparently, applying

backdrop-filter

backdrop-filter

directly to

.fi-layout caused

.fi-layout caused

a scroll glitch inside the modal. After disabling it, the scroll works as expected again.

Thanks a lot!

Jump to solution

Filament•12mo ago•

3 replies

suroso

Cannot Scroll Inside Edit/Create Modal

php artisan about

php artisan about

as well.

Solution

Thanks for the insight — you were right!
I’m using a custom theme, and the issue was caused by this CSS:

.fi-body .fi-layout {
    background: #e9f0ff;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.dark .fi-body .fi-layout {
    background: linear-gradient(135deg, #1c1c1e, #2c2c2e, #3a3a3c);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.fi-body .fi-layout {
    background: #e9f0ff;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.dark .fi-body .fi-layout {
    background: linear-gradient(135deg, #1c1c1e, #2c2c2e, #3a3a3c);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

Apparently, applying

backdrop-filter

backdrop-filter

directly to

.fi-layout caused

.fi-layout caused

a scroll glitch inside the modal. After disabling it, the scroll works as expected again.

Thanks a lot!

Jump to solution

Cannot Scroll Inside Edit/Create Modal

Cannot Scroll Inside Edit/Create Modal

Similar Threads

Similar Threads

Similar Threads