fix: prevent context menu event while dragging

Author: mtsvyatkova

src/components/common/controllers/drag.ts

@@ -193,13 +193,15 @@ class DragController implements ReactiveController {
     this._host.addEventListener('dragstart', this);
     this._host.addEventListener('touchstart', this, { passive: false });
     this._host.addEventListener('pointerdown', this);
+    globalThis.addEventListener('contextmenu', this._handleContextMenu);
   }
 
   /** @internal */
   public hostDisconnected(): void {
     this._host.removeEventListener('dragstart', this);
     this._host.removeEventListener('touchstart', this);
     this._host.removeEventListener('pointerdown', this);
+    globalThis.removeEventListener('contextmenu', this._handleContextMenu);
     this._setDragCancelListener(false);
     this._removeGhost();
   }
@@ -284,6 +286,11 @@ class DragController implements ReactiveController {
     }
   }
 
+  private _handleContextMenu(event: MouseEvent): void {
+    // Prevents the default context menu while dragging
+    event.preventDefault();
+  }
+
   // #endregion
 
   private _setDragCancelListener(enabled = true): void {