F
Filament•3d ago
suroso

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 as well.
No description
No description
Solution:
Thanks for the insight — you were right! I’m using a custom theme, and the issue was caused by this CSS: ```css .fi-body .fi-layout { background: #e9f0ff;...
Jump to solution
2 Replies
Matthew
Matthew•3d ago
Nope, not experieenced it. Be a pretty common complaint. Have you put a custom theme in, or doing anything with CSS?
Solution
suroso
suroso•23h ago
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 directly to .fi-layout caused a scroll glitch inside the modal. After disabling it, the scroll works as expected again. Thanks a lot!

Did you find this page helpful?