Context I’m having some issues with getting a LiveView hook to fire when I assign things to the socket first. I have the following event handler in my live file (setup_live.ex): def handle_event("save_personal_details", params, socket) do game_state = "setup_skills" socket = socket |> assign(…

Could try the hook on the parent div too.

Sure, sorry that was an oversight on my part: defp about_you(assigns) do ~H""" <div class="p-2 m-2 w-1/2"> <h2 class="text-xl sm:text-2xl font-bold text-center mb-4">About you...</h2> <.simple_form id="iptab-player-name" for={@player} phx-hook="SetupPersonalDetails" …

What happens if you assign after? def handle_event("save_personal_details", params, socket) do {:noreply, socket |> push_event("submit_player_personal_details", {player: params, game_state: "setup_skills"} ) |> assign(player: to_form(params), skills: to_form(@skills), game_state: "setup_skil…

No difference I’m afraid, the JS listener still never runs

Hmm, just a guess but could there be a race condition? Instead of pushing that data from the server to the client via the mounted callback in client side hook, try pulling that data to the client from the server in that client side hook after setting up the client side event handler. You could also…

Putting the hook on the containing div solved the issue. As @codeanpeace says I suspect it was a race condition, as I’m also using the restore event to assign data from local storage. I haven’t had much time to properly investigate it but seems that was the cause, thanks all!

Elixir Programming Language Forum

Issues with assigns and push_events

Questions & Help Questions

cmo November 11, 2023, 1:18pm 2

Can we see the relevant part of the template?