I have AlpineJS (v3) wired into a phoenix app. It has been working great so far. I recently started using Liveview in my app, and noticed that any x-show attribute is not reacting to state changes based on the component’s data. I have a calendar component I am trying to render from an events_live…

I ran into something similar and the suggested updates to app.js outlined in the linked post fixed it. Note that window.Alpine.initTree(node) is added to both onNodeAdded and onBeforeElUpdated callbacks. [image] Adding new LiveView component ignores AlpineJS directives Quest…

The problem with Alpine.initTree(node) is that the current state is lost and everything is reinitialized (x-init..). I outlined the correct solution here: [image] Proper AlpineJS Integration with Liveview Questions Problem When using more complex nested compon…

Thanks for the detailed writeup! :+1:t3:

AlpineJS "loses" reactivity when rendered using <.live_component> Liveview >0.17

The problem with Alpine.initTree(node) is that the current state is lost and everything is reinitialized (x-init..).

I outlined the correct solution here: