Error when opening Child modal

[bdfejes]

I have migrated my app from v1 to v2 and livewire v2 to v3 (Laravel 10, PHP 8.2) and now i receive an error every time i open a child modal. The parent modal disappears, but the child doesn't show up. In the console i got an error:

livewire.js?id=f41737f6:6605 Uncaught TypeError: Cannot read properties of null (reading 'before')
at Block.appendChild (livewire.js?id=f41737f6:6605:23)
at patchChildren (livewire.js?id=f41737f6:6433:21)
at patchChildren (livewire.js?id=f41737f6:6475:11)
at patch (livewire.js?id=f41737f6:6371:7)
at patchChildren (livewire.js?id=f41737f6:6522:9)
at patch (livewire.js?id=f41737f6:6371:7)
at patchChildren (livewire.js?id=f41737f6:6522:9)
at patch (livewire.js?id=f41737f6:6371:7)
at patchChildren (livewire.js?id=f41737f6:6522:9)
at patch (livewire.js?id=f41737f6:6371:7)

I can't figure it out, what can cause this.
Also if i close a modal from a component using the closeModalWithEvent, and try to open another modal i got stuck at Livewire Loading state without any error, the modal opens but my loading screen doesn't disappear. I don't know this is related to the first error or not.

[PhiloNL]

Would you mind testing the modal with a clean installation and verifying if the problem still occurs? Often problems are caused by project-specific cases that are difficult to debug without granting access to the code of the project.

[bdfejes]

I will do it when I have the time for it. I understand there can be a lot of project-specific factors. I have to add that I modified the modal.blade.php file to use Bootstrap 5, but I already tried it with the original Tailwind classes, and the error still occurs. Anyway, those classes should only affect the modal visually, not functionally, shouldn't they?

[camerontucker]

I'm also hitting this after updating to livewire v3, but only in production...

Is this relevant? livewire/livewire#6663

[yabdab]

I am getting same error, was this ever resolved?

In my case I have buttons to open multiple child modals inside the parent modal. If I closeModal on a child , and then try to open a different child, then I get same error as above and just the overlay.

[yabdab]

this is a fresh install using livewire 3 and laravel 11

[camerontucker]

I believe I resolved with config/livewire.php

'inject_morph_markers' => false

[yabdab]

It looks like one of my modal views had a broken DOM (missing closing tag). Everything works good once that was fixed.