@jsenv/navi 0.30.7 → 0.30.9

package/dist/jsenv_navi.js

@@ -40450,9 +40450,11 @@ const readRowStretch = (scroller, pages, page, { sideways } = {}) => {
 /**
  * @param {Element} scroller
  * @param {object} options
- * @param {(move: {finger: boolean}) => void} options.onScroll - the row moved.
- *   `finger`: a touch has come since the row last stopped, so a lift will say where
- *   it goes (`onLeftToSnap`). Without one (a trackpad, a wheel) nothing will.
+ * @param {(move: {finger: boolean, lifted: boolean}) => void} options.onScroll - the
+ *   row moved. `finger`: a touch has come since the row last stopped, so a lift will
+ *   say where it goes (`onLeftToSnap`). Without one (a trackpad, a wheel) nothing
+ *   will. `lifted`: that finger has lifted and none has landed since: no hand moves
+ *   the row, the snap the lift left running does.
  * @param {(event: Event|null) => void} options.onLand - the row may have stopped.
  *   Read `pageAtRest` to know whether it stopped on a page. Heard more than once
  *   for one landing, so what it does must find nothing to do the second time.
@@ -40483,7 +40485,10 @@ const watchRowScroll = (
     stoppedTimeout = setTimeout(landOnSilence, STOPPED_SILENCE);
   };
   const onScrollEvent = () => {
-    onScroll({ finger: touchedSinceStop });
+    onScroll({
+      finger: touchedSinceStop,
+      lifted: touchedSinceStop && !touching,
+    });
     armSilence();
     if (!liftedAt) {
       return;
@@ -41067,7 +41072,8 @@ const RouteTravel = ({
     const row = rowRef.current;
     const isClipped = () => row.getAttribute("data-route-row-taken") === "clip";
     const onScroll = ({
-      finger
+      finger,
+      lifted
     }) => {
       const {
         pages,
@@ -41102,6 +41108,12 @@ const RouteTravel = ({
         } = readRowFrame(row, panes);
         followPageOnScreen(pages[panes.indexOf(fraction >= 0.5 && toward ? toward : base)], askedPageRef.current || pages[currentIndex]);
       }
+      // The pull is read from the pane of the address. Once the finger has lifted,
+      // the address is where the snap goes (onLeftToSnap), and what still lies
+      // between is the snap playing out, not a hand pulling towards the neighbour.
+      if (lifted) {
+        return;
+      }
       const pulled = row.scrollLeft - pane.offsetLeft;
       if (Math.abs(pulled) < SET_OFF_PULL) {
         return;
@@ -85512,10 +85524,13 @@ const useListScrollSync = ({
   };
   // Items that came in at another size than what stood in for them (a
   // skeleton becoming its item) leave the window short of the screen, or past
-  // it, and nothing scrolled to say so. Asked on the next frame, not inside
-  // the resize delivery: the window it frames is a render, which resizes what
-  // is observed once more, and the browser gives up on the loop
-  // ("ResizeObserver loop completed with undelivered notifications").
+  // it, and nothing scrolled to say so. A held list too: its hold places it but
+  // leaves the window to the screen (see holdWindow), and a placement that
+  // moves nothing — a document too short to scroll — fires no scroll that
+  // would size it. Asked on the next frame, not inside the resize delivery:
+  // the window it frames is a render, which resizes what is observed once
+  // more, and the browser gives up on the loop ("ResizeObserver loop
+  // completed with undelivered notifications").
   const onItemsResizedRef = useRef(null);
   onItemsResizedRef.current = () => {
     settleWindow();
@@ -85679,9 +85694,7 @@ const useListScrollSync = ({
     const putTopItemBack = entries => {
       const listResized = entries.some(entry => entry.target === listEl);
       if (listResized) {
-        if (onGeometryChangeRef.current()) {
-          return;
-        }
+        const placed = onGeometryChangeRef.current();
         cancelAnimationFrame(itemsResizedFrame);
         itemsResizedFrame = requestAnimationFrame(() => {
           if (pageLeftRef.current) {
@@ -85689,6 +85702,9 @@ const useListScrollSync = ({
           }
           onItemsResizedRef.current();
         });
+        if (placed) {
+          return;
+        }
       }
       if (!entries.some(entry => entry.target === scrollerEl)) {
         return;