From 73a22ef79903e1239948fa751abe924d6f658947 Mon Sep 17 00:00:00 2001
From: ciregenz <ciregenz@berkeley.edu>
Date: Thu, 23 Jul 2026 14:36:57 -0700
Subject: [PATCH] [eric] canvas: suppress native context menu on right-drag
 marquee (not on cards/inputs)

---
 .../src/app/pages/Dashboard/canvas/DashboardCanvas.tsx   | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/frontend/src/app/pages/Dashboard/canvas/DashboardCanvas.tsx b/frontend/src/app/pages/Dashboard/canvas/DashboardCanvas.tsx
index fed07fd3..ac3da88a 100644
--- a/frontend/src/app/pages/Dashboard/canvas/DashboardCanvas.tsx
+++ b/frontend/src/app/pages/Dashboard/canvas/DashboardCanvas.tsx
@@ -310,6 +310,15 @@ const DashboardCanvas: React.FC<DashboardCanvasProps> = ({
         onMouseMove={onViewportMouseMove}
         onMouseUp={onViewportMouseUp}
         onDoubleClick={onViewportDoubleClick}
+        onContextMenu={(e) => {
+          // Right-drag is the canvas marquee-select (Google-Maps style), so the native menu (Inspect
+          // Element in dev) shouldn't pop over it. Suppress only on the bare canvas; cards, inputs, and
+          // webviews keep their own menus.
+          const t = e.target as HTMLElement;
+          if (!t.closest('[data-select-id]') && !t.closest('input, textarea, [contenteditable]')) {
+            e.preventDefault();
+          }
+        }}
         sx={{
           position: 'absolute',
           inset: 0,