© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•3y ago•
42 replies
Matthew

UI glitch/issue with a Page (Livewire component)

So, I made a filament page and I added a form with a file upload. This creates some weird UI glitches; the navigation dropdown is gone and the profile dropdown is opened and reversed. Is this because of me or a bug?
I read the doc according to:
https://filamentphp.com/docs/2.x/forms/layout
https://filamentphp.com/docs/2.x/forms/fields
<x-filament::page>
    <body>
        {{$this->form}}
    </body>
    <x-filament::card>
        <button wire:click="like">{{ $text }}</button>
    </x-filament::card>
</x-filament::page>
<x-filament::page>
    <body>
        {{$this->form}}
    </body>
    <x-filament::card>
        <button wire:click="like">{{ $text }}</button>
    </x-filament::card>
</x-filament::page>
image.png
Filament
Layout - Form Builder - Filament
The elegant TALL stack form builder for Laravel artisans.
Layout - Form Builder - Filament
Filament
Fields - Form Builder - Filament
The elegant TALL stack form builder for Laravel artisans.
Fields - Form Builder - Filament
Solution
Remove the body tags in your blade file. You’re confusing the browser. They are already part of the page component.
Jump to solution
Filament banner
FilamentJoin
A powerful open source UI framework for Laravel • Build and ship admin panels & apps fast with Livewire
20,307Members
Resources
Was this page helpful?

Similar Threads

Recent Announcements

Similar Threads

Filament-page + LiveWire Component
FilamentFFilament / ❓┊help
3y ago
Livewire\Exceptions\ComponentNotFoundException issue
FilamentFFilament / ❓┊help
3y ago
Issue with notification on livewire component table for public page
FilamentFFilament / ❓┊help
2y ago
Daisy UI on a Livewire component to use in a custom page
FilamentFFilament / ❓┊help
3y ago