fix: disable monaco's context menu in 'Load From Zulip' popup

joneugster · joneugster · commit 95887a88e387 · 2025-04-03T10:41:25.000+02:00
diff --git a/client/src/App.tsx b/client/src/App.tsx
@@ -350,6 +350,20 @@ function App() {
     history.replaceState(undefined, undefined!, formatArgs(args))
   }, [editor, project, code, codeFromUrl])
 
+  // Disable monaco context menu outside the editor
+  useEffect(() => {
+    const handleContextMenu = (event: MouseEvent) => {
+      const editorContainer = document.querySelector(".editor")
+      if (editorContainer && !editorContainer.contains(event.target as Node)) {
+        event.stopPropagation()
+      }
+    }
+    document.addEventListener("contextmenu", handleContextMenu, true)
+    return () => {
+      document.removeEventListener("contextmenu", handleContextMenu, true)
+    }
+  }, [])
+
   return <PreferencesContext.Provider value={{preferences, setPreferences}}>
     <div className="app monaco-editor">
       <nav>
diff --git a/index.html b/index.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
   </head>
   <body>
-    <div id="root" class="monaco-workbench">
+    <div id="root">
       <noscript>
         <p>
           You need to enable JavaScript to use the lean web editor,
