requestAnimationFrame

Author: mgurgel

v2/navigation.jsx

@@ -317,16 +317,18 @@ export function Navigation(props) {
 
             dispatch({ type: 'replace', stack: newStack, opts: { animate: false } });
 
-            // Pop to root screen
-            setTimeout(() => {
+            // TODO: build a more integrated solution for sequencing dispatches
+            // For now, we'll use requestAnimationFrame
+            requestAnimationFrame(() => {
+                // Pop to root screen
                 dispatch({ type: 'pop', opts: { animate: props.animate } });
 
                 // Update URL
                 const url = new URL(window.location.href);
                 url.searchParams.delete('stack');
                 url.searchParams.append('stack', primaryScreen);
                 window.history.replaceState({}, '', url);
-            }, 0);
+            });
         },
         canPop: canPop,
         canPopFrom: canPopFrom,