Hi everybody,

I was looking to have a Tailwind UI navbar and mobile menu with a menu toggle button phx-click={JS.toggle(to: "#mobile-menu")} in live.html.heex.

So I understand LiveView.JS isn’t available in the live template out of the box. I’m guessing that there’s a reason for that. Hence, I haven’t tried setting that up before trying to find this already being done by more skilled people. I very much want it to be “done right”.

Also, as a follow on, if one would go that route I guess one would also like to use handle_event for events from the live template.

Regarding having common callbacks for all live views I think this post hints at a possible solution: Tracking inactivity in a Phoenix LiveView app - #5 by davidmeh.

Wiser people of the community – should one go in this direction at all?

Is there an apparent solution to this?

Feels like there’s an apparent solution but I’m sorry that I haven’t been able to find it.

Thanks in advance for any response and take care