diff --git a/services/web/frontend/js/features/source-editor/extensions/editable.ts b/services/web/frontend/js/features/source-editor/extensions/editable.ts
index 4371810ebb..83b2b6c7f7 100644
--- a/services/web/frontend/js/features/source-editor/extensions/editable.ts
+++ b/services/web/frontend/js/features/source-editor/extensions/editable.ts
@@ -1,13 +1,24 @@
 import { Compartment, EditorState, TransactionSpec } from '@codemirror/state'
+import { EditorView } from '@codemirror/view'
 
 const readOnlyConf = new Compartment()
 
 export const editable = () => {
-  return [readOnlyConf.of(EditorState.readOnly.of(true))]
+  return [
+    readOnlyConf.of([
+      EditorState.readOnly.of(true),
+      EditorView.editable.of(false),
+    ]),
+  ]
 }
 
 export const setEditable = (value = true): TransactionSpec => {
   return {
-    effects: [readOnlyConf.reconfigure(EditorState.readOnly.of(!value))],
+    effects: [
+      readOnlyConf.reconfigure([
+        EditorState.readOnly.of(!value),
+        EditorView.editable.of(value),
+      ]),
+    ],
   }
 }