Action requireConfirmation is hiding the page scrollbar
I have a custom page where i'm displaying a custom modal and inside of the modal a custom action like in the screenshot, whenever i CONFIRM the action the main scrollbar of the page disappears, if i cancel instead or just remove the requireConfirmation feature the scrollbar stays normally
Solution:Jump to solution
GitHub
Closing Nested Modals Disables Page Scrolling · Issue #10925 · fila...
Package filament/filament Package Version v3.2.6 Laravel Version v10.41.0 Livewire Version v3.0.0.0 PHP Version PHP 8.2.11 Problem description When opening a nested modal, scroll lock is lost on th...
3 Replies
Solution
Might be the same issue?
https://github.com/filamentphp/filament/issues/10925
GitHub
Closing Nested Modals Disables Page Scrolling · Issue #10925 · fila...
Package filament/filament Package Version v3.2.6 Laravel Version v10.41.0 Livewire Version v3.0.0.0 PHP Version PHP 8.2.11 Problem description When opening a nested modal, scroll lock is lost on th...
Exactly, thank you
I ran into a similar same issue with the nested modals and the scroll becoming locked, and this solution worked perfectly—thanks for sharing the link, Dennis! For anyone looking to save time, the commit that resolved it is in one of the final posts of the thread. You can find the direct fix here:
👉 https://github.com/filamentphp/filament/pull/13740/commits
GitHub
fix: nested modals scrolling issue by wychoong · Pull Request #137...
Description
fixes #10925
using $nextTick for open action to make sure a modal is open only after another is closed
Visual changes
before
Screen.Recording.2024-07-30.at.4.27.09.PM...
Screen.Recording.2024-07-30.at.4.27.09.PM...