@jsenv/navi 0.30.31 → 0.30.33

package/dist/jsenv_navi.js

@@ -13832,7 +13832,9 @@ const isRenderingPageChange = () => renderingPageChange;
  *   outside its own nodes (a slot in a bar, the document a list scrolls) steps
  *   out rather than showing with, or moving, the page arriving. Every box of it
  *   measures 0×0 by then. Set after the render keeping the page, so that render
- *   and what it builds can only ask `hasLeft()`.
+ *   and what it builds can only ask `hasLeft()`. Cleared by the render showing
+ *   the page again, before anything below it renders: what mounts then never
+ *   reads its page as leaving.
  */
 const RoutePageContext = createContext(null);
 
@@ -37287,8 +37289,16 @@ const RouteRowPane = ({
       value: page
     }, branch.node));
   }
+  // Back on screen before what it holds renders: built here, or mounted again under
+  // it, that content runs its layout effects before this component's, and would
+  // otherwise read its page as leaving.
+  if (shown) {
+    page.ownLeavingSignal.value = false;
+  }
   useLayoutEffect(() => {
-    page.ownLeavingSignal.value = !shown;
+    if (!shown) {
+      page.ownLeavingSignal.value = true;
+    }
   }, [shown]);
   return jsx("div", {
     "data-route-row-pane": "",
@@ -41689,9 +41699,12 @@ const RouteTravel = ({
     const row = rowRef.current;
     // Already moving, so there is no ease-in to play: it would stall the row for an
     // instant right where the eye is following it.
-    const inFlight = Boolean(movement.playing) || Boolean(movement.rowTaken);
-    if (movement.playing) {
-      movement.playing.stop();
+    const replaced = movement.playing;
+    const inFlight = Boolean(replaced) || Boolean(movement.rowTaken);
+    if (replaced) {
+      // Its frames only: the row stays travelling across the hand-over. Let go of,
+      // it snaps to the nearest page at the read below, and the travel starts there.
+      replaced.cancelFrame();
     }
     const from = row.scrollLeft;
     const {
@@ -41714,8 +41727,11 @@ const RouteTravel = ({
     const playing = {
       // Where this travel put the row, for a scroll event to tell it from a hand.
       written: from,
-      stop: () => {
+      cancelFrame: () => {
         cancelAnimationFrame(frame);
+      },
+      stop: () => {
+        playing.cancelFrame();
         if (movement.playing === playing) {
           movement.playing = null;
           row.removeAttribute("data-route-row-travelling");
@@ -41724,9 +41740,12 @@ const RouteTravel = ({
     };
     const step = now => {
       if (start === null) {
-        start = now;
+        // When this frame runs, not when it began: under load it began while the
+        // press was still being handled, and that time is no travel.
+        start = performance.now();
       }
-      const elapsed = (now - start) / travelMs;
+      // The next frame may have begun while this first one was still being handled.
+      const elapsed = now > start ? (now - start) / travelMs : 0;
       // Read at every frame: the layout may move under the travel (a scrollbar
       // coming in narrows the row), and it goes where the page stands.
       const to = pane.offsetLeft;