wrap afterEach in requestAnimationFrame

phoenixframework · Feb 1, 2024 · 8e89aca · 8e89aca
1 parent 58accac
commit 8e89aca
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/assets/js/phoenix_live_view/live_socket.js b/assets/js/phoenix_live_view/live_socket.js
@@ -874,7 +874,10 @@ export default class LiveSocket {
 
   // must be called after a navigation was performed, see `withNavigationGuard`.
   afterNavigation(to, from){
-    this.navigationCallbacks["afterEach"](to, from)
+    // wait for the DOM to be patched
+    window.requestAnimationFrame(() => {
+      this.navigationCallbacks["afterEach"](to, from)
+    })
   }
 
   bindForms(){