[6.x] Pressing "esc" should blur CodeMirror inputs (#13474)

Author: duncanmcclean

resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue

@@ -527,6 +527,13 @@ export default {
          * Execute a keyboard shortcut, when applicable
          */
         shortcut(e) {
+	        // Handle ESC to blur/unfocus the editor
+	        if (e.keyCode === 27) {
+		        e.preventDefault();
+		        this.codemirror.getInputField().blur();
+		        return;
+	        }
+
             const mod = e.metaKey || e.ctrlKey;
             if (!mod) return;
 

resources/js/components/ui/CodeEditor.vue

@@ -139,6 +139,14 @@ function initCodeMirror() {
 
     codemirror.value.on('focus', () => emit('focus'));
     codemirror.value.on('blur', () => emit('blur'));
+
+    codemirror.value.on('keydown', (cm, e) => {
+	    // Handle ESC to blur/unfocus the editor
+        if (e.keyCode === 27) {
+            e.preventDefault();
+            codemirror.value.getInputField().blur();
+        }
+    });
 }
 
 watch(