fix(editor): debounce updating reader content from editor content

Signed-off-by: Jonas <[email protected]>
nextcloud · Nov 7, 2023 · 736f80f · 736f80f
1 parent eea91d2
commit 736f80f
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/mixins/editorMixin.js b/src/mixins/editorMixin.js
@@ -1,3 +1,4 @@
+import debounce from 'debounce'
 import { mapGetters, mapMutations } from 'vuex'
 import linkHandlerMixin from '../mixins/linkHandlerMixin.js'
 import PageInfoBar from '../components/Page/PageInfoBar.vue'
@@ -97,8 +98,7 @@ export default {
 						this.done('editor')
 					},
 					onUpdate: ({ markdown }) => {
-						this.editorContent = markdown
-						this.reader?.setContent(this.editorContent)
+						this.updateEditorContent(markdown)
 					},
 					onOutlineToggle: (visible) => {
 						this.toggleOutlineFromEditor(visible)
@@ -107,6 +107,11 @@ export default {
 				: null
 		},
 
+		updateEditorContent: debounce(function(markdown) {
+			this.editorContent = markdown
+			this.reader?.setContent(this.editorContent)
+		}, 200),
+
 		focusEditor() {
 			this.editor?.focus()
 		},