ami/tl-vikunja
1
0
Fork 0
Code

fix(editor): don't crash when the component isn't completely mounted

Browse Source
This commit is contained in:
kolaente 2023-11-21 13:25:55 +01:00
parent f45303c2e3
commit 0c58ea1ade
No known key found for this signature in database
GPG Key ID: F40E70337AB24C9B
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/input/editor/TipTap.vue
View File

@ -494,8 +494,8 @@ function setLink() {
onMounted(() => { onMounted(() => {
internalMode.value = initialMode internalMode.value = initialMode
nextTick(() => { nextTick(() => {
const input = tiptapInstanceRef.value.querySelectorAll('.tiptap__editor')[0].children[0] const input = tiptapInstanceRef.value?.querySelectorAll('.tiptap__editor')[0]?.children[0]
input.addEventListener('paste', handleImagePaste) input?.addEventListener('paste', handleImagePaste)
}) })
if (editShortcut !== '') { if (editShortcut !== '') {
document.addEventListener('keydown', setFocusToEditor) document.addEventListener('keydown', setFocusToEditor)
@ -504,8 +504,8 @@ onMounted(() => {
onBeforeUnmount(() => { onBeforeUnmount(() => {
nextTick(() => { nextTick(() => {
const input = tiptapInstanceRef.value.querySelectorAll('.tiptap__editor')[0].children[0] const input = tiptapInstanceRef.value?.querySelectorAll('.tiptap__editor')[0]?.children[0]
input.removeEventListener('paste', handleImagePaste) input?.removeEventListener('paste', handleImagePaste)
}) })
if (editShortcut !== '') { if (editShortcut !== '') {
document.removeEventListener('keydown', setFocusToEditor) document.removeEventListener('keydown', setFocusToEditor)
@ -554,7 +554,10 @@ watch(
() => isEditing.value, () => isEditing.value,
editing => { editing => {
nextTick(() => { nextTick(() => {
const checkboxes = tiptapInstanceRef.value.querySelectorAll('[data-checked]') const checkboxes = tiptapInstanceRef.value?.querySelectorAll('[data-checked]')
if (typeof checkboxes === 'undefined' || checkboxes.length === 0) {
return
}
if (editing) { if (editing) {
checkboxes.forEach(check => { checkboxes.forEach(check => {
if (check.children.length < 2) { if (check.children.length < 2) {