From 0154b2a4756b9834584c6d396bea7b54672e77e2 Mon Sep 17 00:00:00 2001 From: kolaente Date: Sun, 22 Oct 2023 13:26:01 +0200 Subject: [PATCH] fix(editor): allow checking a checkbox even when the editor is set to read only --- src/components/input/editor/TipTap.vue | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/src/components/input/editor/TipTap.vue b/src/components/input/editor/TipTap.vue index 40cb58f9d..d6da0b7e8 100644 --- a/src/components/input/editor/TipTap.vue +++ b/src/components/input/editor/TipTap.vue @@ -160,6 +160,7 @@ import {Paragraph} from '@tiptap/extension-paragraph' import {Strike} from '@tiptap/extension-strike' import {Text} from '@tiptap/extension-text' import {BubbleMenu, EditorContent, useEditor} from '@tiptap/vue-3' +import {Node} from '@tiptap/pm/model' import Commands from './commands' import suggestionSetup from './suggestion' @@ -385,6 +386,16 @@ const editor = useEditor({ TaskList, TaskItem.configure({ nested: true, + onReadOnlyChecked: (node: Node, checked: boolean): boolean => { + if (isEditEnabled) { + node.attrs.checked = checked + inputHTML.value = editor.value?.getHTML() + bubbleSave() + return true + } + + return false + }, }), Commands.configure({