@sendbird/actionbook-core 0.10.16 → 0.10.17

package/dist/ui/index.js

@@ -7696,10 +7696,15 @@ var DragHandleController = class {
       this.activeMenuCleanup = null;
     }
   }
-  showMenu(el, blockIndex) {
+  /** Show the context menu at a fixed screen position (pointer coordinates). */
+  showMenuAt(blockIndex, x, y) {
     this.dismissMenu();
     const menu = document.createElement("div");
     menu.className = "ab-dh-menu";
+    menu.style.position = "fixed";
+    menu.style.left = `${x}px`;
+    menu.style.top = `${y + 4}px`;
+    menu.style.zIndex = "9999";
     const deleteBtn = document.createElement("button");
     deleteBtn.className = "ab-dh-menu-item";
     deleteBtn.textContent = "Delete";
@@ -7710,7 +7715,7 @@ var DragHandleController = class {
       this.dismissMenu();
     });
     menu.appendChild(deleteBtn);
-    el.appendChild(menu);
+    document.body.appendChild(menu);
     this.activeMenu = menu;
     const onOutside = (e) => {
       if (!menu.contains(e.target)) {
@@ -7735,36 +7740,56 @@ var DragHandleController = class {
     let currentIndex = index;
     let downX = 0;
     let downY = 0;
-    let didDrag = false;
+    let dragStarted = false;
+    let pointerId = -1;
     let menuWasOpen = false;
+    const DRAG_THRESHOLD2 = 4;
     const onPointerDown = (e) => {
       if (this.activeMenu && this.activeMenu.contains(e.target)) return;
       e.preventDefault();
+      e.stopPropagation();
       if (!this.view.editable) return;
       menuWasOpen = !!this.activeMenu;
       this.dismissMenu();
       downX = e.clientX;
       downY = e.clientY;
-      didDrag = false;
+      dragStarted = false;
+      pointerId = e.pointerId;
       el.setPointerCapture(e.pointerId);
-      this.prevBlocks = this.collectBlocks();
-      this.syncHandlePositions();
-      this.startDrag(currentIndex, el, e);
     };
     const onPointerMove = (e) => {
-      if (Math.abs(e.clientX - downX) > 3 || Math.abs(e.clientY - downY) > 3) {
-        didDrag = true;
+      if (e.pointerId !== pointerId) return;
+      const dx = Math.abs(e.clientX - downX);
+      const dy = Math.abs(e.clientY - downY);
+      if (!dragStarted && (dx > DRAG_THRESHOLD2 || dy > DRAG_THRESHOLD2)) {
+        dragStarted = true;
+        this.prevBlocks = this.collectBlocks();
+        this.syncHandlePositions();
+        this.startDrag(currentIndex, el, e);
+      }
+      if (dragStarted) {
+        this.onPointerMove(e);
       }
-      this.onPointerMove(e);
     };
     const onPointerUp = (e) => {
-      this.onPointerUp(e);
-      if (!didDrag && !menuWasOpen) {
-        this.showMenu(el, currentIndex);
+      if (e.pointerId !== pointerId) return;
+      e.preventDefault();
+      e.stopPropagation();
+      if (dragStarted) {
+        this.onPointerUp(e);
+      } else if (!menuWasOpen) {
+        this.showMenuAt(currentIndex, downX, downY);
       }
+      pointerId = -1;
+    };
+    const onLostCapture = () => {
+      if (dragStarted) this.cancelDrag();
+      pointerId = -1;
+    };
+    const onPointerCancel = () => {
+      if (dragStarted) this.cancelDrag();
+      pointerId = -1;
     };
-    const onLostCapture = () => this.cancelDrag();
-    const onPointerCancel = () => this.cancelDrag();
     el.addEventListener("pointerdown", onPointerDown);
     el.addEventListener("pointermove", onPointerMove);
     el.addEventListener("pointerup", onPointerUp);