@dnd-kit/dom 0.1.13 → 0.1.14-beta-20250520125507

package/index.cjs

@@ -601,7 +601,8 @@ render_fn = function() {
   const initialTranslate = (_b2 = initial.translate) != null ? _b2 : { x: 0, y: 0 };
   const tX = transform.x * frameTransform.scaleX + initialTranslate.x;
   const tY = transform.y * frameTransform.scaleY + initialTranslate.y;
-  const translateString = `${tX}px, ${tY}px, 0`;
+  const translateString = `${tX}px ${tY}px 0`;
+  const transitionString = transition ? `${transition}, translate 0ms linear` : "";
   styles.set(
     {
       width: width - widthOffset,
@@ -609,8 +610,8 @@ render_fn = function() {
       top: projected.top,
       left: projected.left,
       translate: translateString,
+      transition: transitionString,
       scale: crossFrame ? `${scaleDelta.x} ${scaleDelta.y}` : "",
-      transition,
       "transform-origin": `${transformOrigin.x * 100}% ${transformOrigin.y * 100}%`
     },
     CSS_PREFIX
@@ -656,9 +657,17 @@ render_fn = function() {
         cell.style.width = `${placeholderCell.offsetWidth}px`;
       }
     }
-    dragOperation.shape = new utilities.DOMRectangle(element);
+    dragOperation.shape = new utilities.DOMRectangle(feedbackElement);
   });
-  dragOperation.shape = new utilities.DOMRectangle(feedbackElement);
+  const initialShape = new utilities.DOMRectangle(feedbackElement);
+  state.untracked(() => dragOperation.shape = initialShape);
+  const feedbackWindow = utilities.getWindow(feedbackElement);
+  const handleWindowResize = (event) => {
+    this.manager.actions.stop({ event });
+  };
+  if (isKeyboardOperation) {
+    feedbackWindow.addEventListener("resize", handleWindowResize);
+  }
   if (state.untracked(() => source.status) === "idle") {
     requestAnimationFrame(() => source.status = "dragging");
   }
@@ -744,6 +753,12 @@ render_fn = function() {
         x: transform2.x / frameTransform.scaleX + initialTranslate2.x,
         y: transform2.y / frameTransform.scaleY + initialTranslate2.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;
+      });
       const translateTransition = isKeyboardOperation ? "250ms cubic-bezier(0.25, 1, 0.5, 1)" : "0ms linear";
       styles.set(
         {
@@ -753,13 +768,7 @@ render_fn = function() {
         CSS_PREFIX
       );
       elementMutationObserver == null ? void 0 : elementMutationObserver.takeRecords();
-      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) {
+      if (currentShape && currentShape !== initialShape && previousTranslate && !modifiers.length) {
         const delta2 = geometry.Point.delta(translate2, previousTranslate);
         dragOperation.shape = geometry.Rectangle.from(
           currentShape.boundingRectangle
@@ -787,6 +796,7 @@ render_fn = function() {
     elementMutationObserver == null ? void 0 : elementMutationObserver.disconnect();
     documentMutationObserver == null ? void 0 : documentMutationObserver.disconnect();
     resizeObserver.disconnect();
+    feedbackWindow.removeEventListener("resize", handleWindowResize);
     if (utilities.supportsPopover(feedbackElement)) {
       feedbackElement.removeEventListener(
         "beforetoggle",
@@ -895,7 +905,7 @@ render_fn = function() {
 injectStyles_fn = function() {
   var _a4, _b2;
   const { status, source, target } = this.manager.dragOperation;
-  if (status.initialized) {
+  if (status.initializing) {
     const sourceDocument = utilities.getDocument((_a4 = source == null ? void 0 : source.element) != null ? _a4 : null);
     const targetDocument = utilities.getDocument((_b2 = target == null ? void 0 : target.element) != null ? _b2 : null);
     const documents = /* @__PURE__ */ new Set([sourceDocument, targetDocument]);
@@ -1374,7 +1384,6 @@ var _KeyboardSensor = class _KeyboardSensor extends abstract.Sensor {
     if (controller.signal.aborted) return this.cleanup();
     this.sideEffects();
     const sourceDocument = utilities.getDocument(element);
-    const sourceWindow = utilities.getWindow(sourceDocument);
     const listeners = [
       this.listeners.bind(sourceDocument, [
         {
@@ -1382,9 +1391,6 @@ var _KeyboardSensor = class _KeyboardSensor extends abstract.Sensor {
           listener: (event2) => this.handleKeyDown(event2, source, options),
           options: { capture: true }
         }
-      ]),
-      this.listeners.bind(sourceWindow, [
-        { type: "resize", listener: () => this.handleEnd(event, true) }
       ])
     ];
     __privateGet(this, _cleanupFunctions).push(...listeners);