ngx-kit 9.2.0 → 9.2.1

package/fesm2022/ngx-kit-drag-resize.mjs

@@ -2441,6 +2441,7 @@ class AutoScroller {
     /** Document the pointer coordinates (`update(x, y)`) are expressed in. */
     pointerDoc;
     speed = { x: 0, y: 0 };
+    carry = { x: 0, y: 0 };
     onTick;
     edge;
     maxSpeed;
@@ -2488,6 +2489,7 @@ class AutoScroller {
             this.win?.cancelAnimationFrame(this.raf);
         this.raf = 0;
         this.speed = { x: 0, y: 0 };
+        this.carry = { x: 0, y: 0 };
         this.onTick = undefined;
         this.win = undefined;
         this.pointerDoc = undefined;
@@ -2498,14 +2500,21 @@ class AutoScroller {
             return;
         }
         const container = this.container;
-        if (isWindow(container)) {
-            container.scrollBy(this.speed.x, this.speed.y);
-        }
-        else {
-            // Edge speed is measured in viewport pixels; scrollLeft/Top are local to the scroller.
-            const local = viewportDeltaToLocal(container, this.speed);
-            container.scrollLeft += local.x;
-            container.scrollTop += local.y;
+        // Edge speed is measured in viewport pixels; an element's scrollLeft/Top are local to it.
+        const local = isWindow(container) ? this.speed : viewportDeltaToLocal(container, this.speed);
+        // Browsers snap scroll offsets to whole pixels, so a slow speed (< 1px/frame, i.e. when the
+        // pointer has just entered the edge zone) would never move anything. Carry the remainder.
+        this.carry.x += local.x;
+        this.carry.y += local.y;
+        const dx = Math.trunc(this.carry.x);
+        const dy = Math.trunc(this.carry.y);
+        this.carry.x -= dx;
+        this.carry.y -= dy;
+        if (dx || dy) {
+            // `behavior: 'instant'` matters: with `scroll-behavior: smooth` on <html> or on the scroller
+            // (very common in apps) every per-frame scroll would start a new animation that cancels the
+            // previous one, and the list would not move at all.
+            container.scrollBy({ left: dx, top: dy, behavior: 'instant' });
         }
         // Pointer ثابت مانده ولی محتوا اسکرول شده؛
         // بنابراین موقعیت placeholder/sort را دوباره محاسبه کن.