1 files changed, 8 insertions, 4 deletions
diff --git a/app/assets/javascripts/pipeline_wizard/components/editor.vue b/app/assets/javascripts/pipeline_wizard/components/editor.vue
index 41611233f71..0c063241173 100644
--- a/app/assets/javascripts/pipeline_wizard/components/editor.vue
+++ b/app/assets/javascripts/pipeline_wizard/components/editor.vue
@@ -27,7 +27,7 @@ export default {
   data() {
     return {
       editor: null,
-      isUpdating: false,
+      isFocused: false,
       yamlEditorExtension: null,
     };
   },
@@ -60,19 +60,23 @@ export default {
     this.editor.onDidChangeModelContent(
       debounce(() => this.handleChange(), CONTENT_UPDATE_DEBOUNCE),
     );
+    this.editor.onDidFocusEditorText(() => {
+      this.isFocused = true;
+    });
+    this.editor.onDidBlurEditorText(() => {
+      this.isFocused = false;
+    });
     this.updateEditorContent();
     this.emitValue();
   },
   methods: {
     async updateEditorContent() {
-      this.isUpdating = true;
       this.editor.setDoc(this.doc);
-      this.isUpdating = false;
       this.requestHighlight(this.highlight);
     },
     handleChange() {
       this.emitValue();
-      if (!this.isUpdating) {
+      if (this.isFocused) {
         this.handleTouch();
       }
     },