Nested wire:click should not trigger parent | Livewire | Page 1

native bridge Mar 12, 2023, 11:57 AM

#

Hi there,

I have a Livewire component with nested links like this:

<x-file-card wire:click="attachFileToUser({{ $file }})">
  <a href="#" wire:click="openPreviewModal({{ $file }})">Preview</a>
  <a href="#" wire:click="openDeleteModal({{ $file }})">Delete</a>
</x-file-card>

Obviously, if I click on one of the "inner" links, the outer link gets also triggered. How can I prevent this from happening? I want to allow users to preview a file without attaching it to the user...

Thank you 😘

toxic perch Mar 12, 2023, 2:40 PM

#

I think you can do wire:click.prevent

native bridge Mar 12, 2023, 3:28 PM

#

Unfortunately not. Already tried this.

#Nested wire:click should not trigger parent