fix: prevent hotkeys when typing in monaco editor

Author: QuentinRoy

packages/client/setup/monaco.ts

@@ -20,6 +20,7 @@ import { SyncDescriptor } from 'monaco-editor/esm/vs/platform/instantiation/comm
 import ts from 'typescript'
 import { watchEffect } from 'vue'
 import { isDark } from '../logic/dark'
+import { shortcutsEnabled } from '../state'
 
 window.MonacoEnvironment = {
   getWorker(_, label) {
@@ -97,6 +98,18 @@ const setup = createSingletonPromise(async () => {
     Object.assign(editorOptions, result?.editorOptions)
   }
 
+  // Disable shortcuts when focusing Monaco editor.
+  monaco.editor.onDidCreateEditor((editor) => {
+    let areShortcutsEnabled = shortcutsEnabled.value
+    editor.onDidFocusEditorWidget(() => {
+      areShortcutsEnabled = shortcutsEnabled.value
+      shortcutsEnabled.value = false
+    })
+    editor.onDidBlurEditorWidget(() => {
+      shortcutsEnabled.value = areShortcutsEnabled
+    })
+  })
+
   // Use Shiki to highlight Monaco
   shikiToMonaco(highlighter, monaco)
   if (typeof themes === 'string') {