framer-motion 12.29.2 → 12.29.3

package/dist/cjs/index.js

@@ -843,7 +843,9 @@ function resetAutoScrollState() {
 function isScrollableElement(element, axis) {
     const style = getComputedStyle(element);
     const overflow = axis === "x" ? style.overflowX : style.overflowY;
-    return overflowStyles.has(overflow);
+    const isDocumentScroll = element === document.body ||
+        element === document.documentElement;
+    return overflowStyles.has(overflow) || isDocumentScroll;
 }
 function findScrollableAncestor(element, axis) {
     let current = element?.parentElement;
@@ -857,8 +859,8 @@ function findScrollableAncestor(element, axis) {
 }
 function getScrollAmount(pointerPosition, scrollElement, axis) {
     const rect = scrollElement.getBoundingClientRect();
-    const start = axis === "x" ? rect.left : rect.top;
-    const end = axis === "x" ? rect.right : rect.bottom;
+    const start = axis === "x" ? Math.max(0, rect.left) : Math.max(0, rect.top);
+    const end = axis === "x" ? Math.min(window.innerWidth, rect.right) : Math.min(window.innerHeight, rect.bottom);
     const distanceFromStart = pointerPosition - start;
     const distanceFromEnd = end - pointerPosition;
     if (distanceFromStart < threshold) {
@@ -891,6 +893,8 @@ function autoScrollIfNeeded(groupElement, pointerPosition, axis, velocity) {
         return;
     }
     const currentActiveEdge = activeScrollEdge.get(scrollableAncestor);
+    const isDocumentScroll = scrollableAncestor === document.body ||
+        scrollableAncestor === document.documentElement;
     // If not currently scrolling this edge, check velocity to see if we should start
     if (currentActiveEdge !== edge) {
         // Only start scrolling if velocity is towards the edge
@@ -902,27 +906,35 @@ function autoScrollIfNeeded(groupElement, pointerPosition, axis, velocity) {
         activeScrollEdge.set(scrollableAncestor, edge);
         // Record initial scroll limit (prevents infinite scroll)
         const maxScroll = axis === "x"
-            ? scrollableAncestor.scrollWidth -
-                scrollableAncestor.clientWidth
-            : scrollableAncestor.scrollHeight -
-                scrollableAncestor.clientHeight;
+            ? scrollableAncestor.scrollWidth - (isDocumentScroll ? window.innerWidth : scrollableAncestor.clientWidth)
+            : scrollableAncestor.scrollHeight - (isDocumentScroll ? window.innerHeight : scrollableAncestor.clientHeight);
         initialScrollLimits.set(scrollableAncestor, maxScroll);
     }
     // Cap scrolling at initial limit (prevents infinite scroll)
     if (scrollAmount > 0) {
         const initialLimit = initialScrollLimits.get(scrollableAncestor);
         const currentScroll = axis === "x"
-            ? scrollableAncestor.scrollLeft
-            : scrollableAncestor.scrollTop;
+            ? (isDocumentScroll ? window.scrollX : scrollableAncestor.scrollLeft)
+            : (isDocumentScroll ? window.scrollY : scrollableAncestor.scrollTop);
         if (currentScroll >= initialLimit)
             return;
     }
     // Apply scroll
     if (axis === "x") {
-        scrollableAncestor.scrollLeft += scrollAmount;
+        if (isDocumentScroll) {
+            window.scrollBy({ left: scrollAmount });
+        }
+        else {
+            scrollableAncestor.scrollLeft += scrollAmount;
+        }
     }
     else {
-        scrollableAncestor.scrollTop += scrollAmount;
+        if (isDocumentScroll) {
+            window.scrollBy({ top: scrollAmount });
+        }
+        else {
+            scrollableAncestor.scrollTop += scrollAmount;
+        }
     }
 }