@dnd-kit/dom 0.1.9 → 0.1.10

package/index.cjs

@@ -658,22 +658,34 @@ render_fn = function() {
     }
     if (status2.dragging) {
       const initialTranslate2 = (_a5 = initial.translate) != null ? _a5 : { x: 0, y: 0 };
-      const x = transform2.x / frameTransform.scaleX + initialTranslate2.x;
-      const y = transform2.y / frameTransform.scaleY + initialTranslate2.y;
+      const translate2 = {
+        x: transform2.x / frameTransform.scaleX + initialTranslate2.x,
+        y: transform2.y / frameTransform.scaleY + initialTranslate2.y
+      };
       const translateTransition = isKeyboardOperation ? "250ms cubic-bezier(0.25, 1, 0.5, 1)" : "0ms linear";
       styles.set(
         {
           transition: `${transition}, translate ${translateTransition}`,
-          translate: `${x}px ${y}px 0`
+          translate: `${translate2.x}px ${translate2.y}px 0`
         },
         CSS_PREFIX
       );
       elementMutationObserver == null ? void 0 : elementMutationObserver.takeRecords();
-      dragOperation.shape = new utilities.DOMRectangle(feedbackElement);
-      state$1.current.translate = {
-        x,
-        y
-      };
+      const previousTranslate = state$1.current.translate;
+      const modifiers = state.untracked(() => dragOperation.modifiers);
+      const currentShape = state.untracked(() => {
+        var _a6;
+        return (_a6 = dragOperation.shape) == null ? void 0 : _a6.current;
+      });
+      if (currentShape && previousTranslate && !modifiers.length) {
+        const delta2 = geometry.Point.delta(translate2, previousTranslate);
+        dragOperation.shape = geometry.Rectangle.from(
+          currentShape.boundingRectangle
+        ).translate(delta2.x, delta2.y);
+      } else {
+        dragOperation.shape = new utilities.DOMRectangle(feedbackElement);
+      }
+      state$1.current.translate = translate2;
     }
   });
   const id = (_c3 = manager.dragOperation.source) == null ? void 0 : _c3.id;