wire-elements/modal

Nested Modals and wire:navigate issue

Closed this issue · 3 comments

Opening a modal and a nested one and returning back to the first modal does work fine.
But if we navigate through the app (with wire:navigate on the links) and open a modal and a nested one and want to return back we get an empty modal instead. So just a blurred screen with no way out.
If we remove wire:navigate from the links everything works fine again.

Is there any way to use modals and other component with wire:navigate. We just bought it and it says it works with livewire v3 but in this case it does not work as intended

Hi @medanigmbh,
Thanks for reporting.
I'll look into this. Unfortunately wire:navigate can still cause some issues, issues are still being reported on the Livewire discussion board and improvements are made every release.

So to reproduce this issue, I understand the following causes the issue right?

  • Open a modal and nested modal.
  • Close both modals.
  • Navigate to a new page using wire:navigate
  • Open a new modal and a nested modal.

From this point on it breaks, correct?

Hello PhiloNL,
Thanks for answer.

To reproduce the error, you just need the following:

  • click a link with wire:navigate for the desired page
  • open a modal (which has a child modal)
  • open the child modal inside the modal
  • click close on the child modal

now you should be left with an empty modal and a blurred screen.

It does not matter if you open a modal before or not.

Hello @medanigmbh,
Thanks for your patience.
I've updated both this and the pro which should now play nice with wire:navigate.
Thanks for reporting the issue.