Hi all! I have a LiveComponent living inside a modal. This component lists some items and let me add a new one with a form. I render the LiveComponent in this way <%= live_component @socket, TestProjectWeb.ProceedingLive.TaskComponent, id: "tasks-#{@proceeding.id}", proceeding_id: @proceeding.id …

I think its easiest to use js and wait until after the animation is done, send the event to the server. Have an example here (with alpine): [image] Create a reusable modal with LiveView Component To reduce duplicity and complexity in your apps, Phoenix LiveView comes with the possibilit…

Thanks for the answer :slight_smile: I’ve fixed it handling the opening/closing modal from LiveComponent state, so no more data-toggle involved here. I’ll take a deeper look at Alpine, it looks really interesting!

LiveComponent inside a modal closing modal when receiving any event

Questions & Help Questions

andreaseriksson August 9, 2020, 8:32am 2

I think its easiest to use js and wait until after the animation is done, send the event to the server.

Have an example here (with alpine):