Bug: Scrollbar clips rounded corners when using stickyModalHeader() and stickyModalFooter()

[NgYueHong]

Package

filament/filament

Package Version

5.6.8

Laravel Version

12

Livewire Version

No response

PHP Version

8.3

Problem description

When using stickyModalHeader() and stickyModalFooter() on a modal that requires scrolling, the scrollbar arrows overlap and clip the rounded corners of the modal container. This creates an unpolished UI glitch where the native scrollbar track ignores the border-radius of the parent modal.

Expected behavior

The modal container should maintain its rounded corners (border-radius), and the scrollbar should either be clipped properly inside the container or padded so it does not break the visual layout.

Steps to reproduce

1. Create a fresh clean Filament 4 project.
2. Create user resource.
3. Remove the edit URL route.
4. Add sticky header and footer to edit action.

                EditAction::make()
                    ->stickyModalFooter()
                    ->stickyModalHeader(),

Reproduction repository (issue will be closed if this is not valid)

https://github.com/NgYueHong/FilamentBug

Relevant log output

[danharrin]

Unfortunately, fixing this would involve introducing changes to the modal's HTML structure, which would be a breaking change for users who have custom modal CSS in their theme. As such, we can't fix it in v4 or v5.

[gmhub07]

Ah, I see this got fixed in #20193 for 6.x - nice! I was setting up to look into this one. Thanks for the explanation.