From c57013b9309c0e7ff7f2cf6fe7a8bf21aab4e795 Mon Sep 17 00:00:00 2001 From: Anton Tranelis Date: Wed, 3 Dec 2025 21:13:08 +0100 Subject: [PATCH] fix crash in ff --- lib/src/Components/Input/RichTextEditor.tsx | 2 +- lib/src/Components/Input/TextEditorMenu.tsx | 14 +++++++------- 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/lib/src/Components/Input/RichTextEditor.tsx b/lib/src/Components/Input/RichTextEditor.tsx index 01045291..5e77989b 100644 --- a/lib/src/Components/Input/RichTextEditor.tsx +++ b/lib/src/Components/Input/RichTextEditor.tsx @@ -98,7 +98,7 @@ export function RichTextEditor({ className={`editor-wrapper tw:border-base-content/20 tw:rounded-box tw:border tw:flex tw:flex-col tw:flex-1 tw:min-h-0`} > <> - {showMenu ? : null} + {showMenu && editor ? : null} diff --git a/lib/src/Components/Input/TextEditorMenu.tsx b/lib/src/Components/Input/TextEditorMenu.tsx index 6bf6184e..7c5452f0 100644 --- a/lib/src/Components/Input/TextEditorMenu.tsx +++ b/lib/src/Components/Input/TextEditorMenu.tsx @@ -16,14 +16,14 @@ export const TextEditorMenu = ({ editor }: { editor: Editor }) => { selector: (ctx) => { return { isBold: ctx.editor.isActive('bold'), - canBold: ctx.editor.can().chain().focus().toggleBold().run(), + canBold: ctx.editor.can().toggleBold(), isItalic: ctx.editor.isActive('italic'), - canItalic: ctx.editor.can().chain().focus().toggleItalic().run(), + canItalic: ctx.editor.can().toggleItalic(), isStrike: ctx.editor.isActive('strike'), - canStrike: ctx.editor.can().chain().focus().toggleStrike().run(), + canStrike: ctx.editor.can().toggleStrike(), isCode: ctx.editor.isActive('code'), - canCode: ctx.editor.can().chain().focus().toggleCode().run(), - canClearMarks: ctx.editor.can().chain().focus().unsetAllMarks().run(), + canCode: ctx.editor.can().toggleCode(), + canClearMarks: ctx.editor.can().unsetAllMarks(), isParagraph: ctx.editor.isActive('paragraph'), isHeading1: ctx.editor.isActive('heading', { level: 1 }), isHeading2: ctx.editor.isActive('heading', { level: 2 }), @@ -36,8 +36,8 @@ export const TextEditorMenu = ({ editor }: { editor: Editor }) => { isOrderedList: ctx.editor.isActive('orderedList'), isCodeBlock: ctx.editor.isActive('codeBlock'), isBlockquote: ctx.editor.isActive('blockquote'), - canUndo: ctx.editor.can().chain().focus().undo().run(), - canRedo: ctx.editor.can().chain().focus().redo().run(), + canUndo: ctx.editor.can().undo(), + canRedo: ctx.editor.can().redo(), } }, })