fix: calendar collapses to plain text after first render

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:
2026-05-28 22:58:55 +00:00
parent 40478dd2aa
commit c84ef5d9bd
@@ -113,7 +113,10 @@
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')"
>
<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>