Vasyka/autocrm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: calendar collapses to plain text after first render

Browse Source 
FullCalendar mounts into a Livewire-managed subtree. The first
$wire.getEvents() response triggered a Livewire DOM morph that reverted
#autocrm-calendar to its empty server HTML, destroying the rendered grid
(~1s after load it became unstyled text).

Wrap the calendar container in wire:ignore so Livewire's morphdom skips it.
The quick-create modal stays outside wire:ignore to keep its form reactive.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Vasyka
2026-05-28 22:58:55 +00:00
parent 40478dd2aa
commit c84ef5d9bd
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/filament/tenant/pages/calendar.blade.php
+4 -1
View File
@@ -113,7 +113,10 @@
x-on:open-create-modal.window="document.getElementById('cal-modal-bg').classList.add('open')" x-on:open-create-modal.window="document.getElementById('cal-modal-bg').classList.add('open')"
x-on:close-create-modal.window="document.getElementById('cal-modal-bg').classList.remove('open')" x-on:close-create-modal.window="document.getElementById('cal-modal-bg').classList.remove('open')"
> >
<div class="cal-wrap"> {{-- wire:ignore: keep Livewire's DOM-morph away from the FullCalendar
subtree, otherwise the first $wire.getEvents response reverts the
container to its empty server HTML and the calendar collapses. --}}
<div class="cal-wrap" wire:ignore>
<div id="autocrm-calendar"></div> <div id="autocrm-calendar"></div>
</div> </div>