Skip to content

Modal Styling Issue with stickyModalHeader() and stickyModalFooter() #18743

@NgYueHong

Description

@NgYueHong

Package

filament/filament

Package Version

4.3.1

Laravel Version

12

Livewire Version

No response

PHP Version

8.3

Problem description

When using EditAction::make()->stickyModalHeader()->stickyModalFooter() in Filament 4, the modal layout breaks visually.

Image

Expected behavior

The header, footer, and scrollbar should be showing properly.

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

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    Status

    Todo

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions