I’m trying to put a button with wire:click.prevent action inside a bootstrap modal but it’s not working: The modal shows but it seems that the click doesn’t fire the xhr request and doesn’t say nothing in console.
If I put the button outside the modal, it works.
There is any known issue with modal bootstrap?
Thanks for the great work in cbwire !
February 20, 2023, 11:50pm
@David_Sedeno Dang, apologies I’m just now seeing this.
Yes, it definitely should work with the Bootstrap modal. I double checked just now to make sure.
The only thing I can think of why it might not work is if your template had more than one outer element.
<!--- Wire template here --->
<!--- Modal div here --->
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<button wire:click.prevent="save" type="button" class="btn btn-primary">Save changes</button>
CBWIRE requires for there to be a single outer element and will do some weird stuff otherwise.
yes, later I see an error in console about “double root” and figured out about the outer element issue.
I have create a PR for your cbwire-examples repo with a working bootstrap modal demo.