1 files changed, 8 insertions, 5 deletions
diff --git a/app/assets/javascripts/pipeline_wizard/components/editor.vue b/app/assets/javascripts/pipeline_wizard/components/editor.vue
index 0c063241173..c08d825e6af 100644
--- a/app/assets/javascripts/pipeline_wizard/components/editor.vue
+++ b/app/assets/javascripts/pipeline_wizard/components/editor.vue
@@ -5,6 +5,7 @@ import { CONTENT_UPDATE_DEBOUNCE } from '~/editor/constants';
 import SourceEditor from '~/editor/source_editor';
 import { YamlEditorExtension } from '~/editor/extensions/source_editor_yaml_ext';
 import { SourceEditorExtension } from '~/editor/extensions/source_editor_extension_base';
+import { markRaw } from '~/lib/utils/vue3compat/mark_raw';
 
 export default {
   name: 'YamlEditor',
@@ -43,11 +44,13 @@ export default {
     },
   },
   mounted() {
-    this.editor = new SourceEditor().createInstance({
-      el: this.$el,
-      blobPath: this.filename,
-      language: 'yaml',
-    });
+    this.editor = markRaw(
+      new SourceEditor().createInstance({
+        el: this.$el,
+        blobPath: this.filename,
+        language: 'yaml',
+      }),
+    );
     [, this.yamlEditorExtension] = this.editor.use([
       { definition: SourceEditorExtension },
       {