add support to unfocus code mirror elements (#748)

executablebooks · Jun 11, 2024 · a53ad0f · a53ad0f
1 parent 7214737
commit a53ad0f
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/thebe/src/codemirror.ts b/packages/thebe/src/codemirror.ts
@@ -32,6 +32,7 @@ interface RequiredCodeMirrorConfig {
   extraKeys: {
     'Shift-Enter': () => void;
     'Ctrl-Space': () => void;
+    'Esc': () => void;
   };
 }
 
@@ -62,6 +63,10 @@ export function setupCodemirror(
 
   const ref: { cm?: any } = { cm: undefined };
 
+  function unFocus() {
+    ref.cm?.display.input.blur()
+  }
+
   function codeCompletion() {
     console.debug(`thebe:codemirror:codeCompletion`);
     const code = ref.cm?.getValue();
@@ -116,7 +121,8 @@ export function setupCodemirror(
     extraKeys: {
       'Shift-Enter': execute,
       'Ctrl-Space': codeCompletion,
-    },
+      'Esc': unFocus,
+  },
   };
 
   const codeMirrorConfig = Object.assign(