fix: avoid paste bleeding in code mirror

Fixes #130
mdx-editor · Oct 24, 2023 · 674c455 · 674c455
1 parent 47f3027
commit 674c455
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/plugins/codemirror/CodeMirrorEditor.tsx b/src/plugins/codemirror/CodeMirrorEditor.tsx
@@ -11,6 +11,12 @@ export const CodeMirrorEditor = ({ language, nodeKey, code, focusEmitter }: Code
   const [readOnly] = corePluginHooks.useEmitterValues('readOnly')
   const { setCode } = useCodeBlockEditorContext()
 
+  React.useEffect(() => {
+    codeMirrorRef.current?.getCodemirror()?.dom.addEventListener('paste', (e) => {
+      e.stopPropagation()
+    })
+  }, [codeMirrorRef])
+
   return (
     <div
       className={styles.sandpackWrapper}