fix (#4098)

Author: arnaudlevy

app/assets/javascripts/admin/plugins/codemirror.js

@@ -3,6 +3,7 @@
 //= require codemirror/mode/css/css
 //= require codemirror/mode/htmlmixed/htmlmixed
 //= require codemirror/mode/sass/sass
+//= require codemirror/addon/display/autorefresh
 
 /*global CodeMirror */
 

app/javascript/apps/blocks-editor/components/Editor.vue

@@ -157,7 +157,6 @@ export default {
     },
 
     wireCancelButtons(root) {
-      // The `.vue__changes__cancel` button closes the offcanvas.
       root.querySelectorAll('.vue__editor__actions__cancel').forEach((button) => {
         button.addEventListener('click', (event) => {
           event.preventDefault();

app/javascript/apps/blocks-editor/components/inputs/CodeInput.vue

@@ -30,10 +30,12 @@ export default {
     },
   },
   mounted() {
+    this.$refs.textarea.value = this.modelValue || '';
+
     const config = window.codemirrorManager.defaultConfig();
     config.mode = 'htmlmixed';
+    config.autoRefresh = true;
     this.editor = window.CodeMirror.fromTextArea(this.$refs.textarea, config);
-    this.editor.setValue(this.modelValue || '');
     this.editor.on('change', (instance) => {
       this.$emit('update:modelValue', instance.getValue());
     });