antontranelis/utopia-ui
1
0
Fork 0
mirror of https://github.com/utopia-os/utopia-ui.git synced 2026-04-06 01:25:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(lib): fix tiptap crash in firefox (#608)

Browse Source
This commit is contained in:
Anton Tranelis 2025-12-16 20:20:30 +01:00 committed by GitHub
parent e2721a141a
commit a4d8bbeae8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
lib/src/Components/Input/TextEditorMenu.tsx
View File

@ -16,14 +16,14 @@ export const TextEditorMenu = ({ editor }: { editor: Editor }) => {
selector: (ctx) => { selector: (ctx) => {
return { return {
isBold: ctx.editor.isActive('bold'), isBold: ctx.editor.isActive('bold'),
canBold: ctx.editor.can().chain().focus().toggleBold().run(), canBold: ctx.editor.can().toggleBold(),
isItalic: ctx.editor.isActive('italic'), isItalic: ctx.editor.isActive('italic'),
canItalic: ctx.editor.can().chain().focus().toggleItalic().run(), canItalic: ctx.editor.can().toggleItalic(),
isStrike: ctx.editor.isActive('strike'), isStrike: ctx.editor.isActive('strike'),
canStrike: ctx.editor.can().chain().focus().toggleStrike().run(), canStrike: ctx.editor.can().toggleStrike(),
isCode: ctx.editor.isActive('code'), isCode: ctx.editor.isActive('code'),
canCode: ctx.editor.can().chain().focus().toggleCode().run(), canCode: ctx.editor.can().toggleCode(),
canClearMarks: ctx.editor.can().chain().focus().unsetAllMarks().run(), canClearMarks: ctx.editor.can().unsetAllMarks(),
isParagraph: ctx.editor.isActive('paragraph'), isParagraph: ctx.editor.isActive('paragraph'),
isHeading1: ctx.editor.isActive('heading', { level: 1 }), isHeading1: ctx.editor.isActive('heading', { level: 1 }),
isHeading2: ctx.editor.isActive('heading', { level: 2 }), isHeading2: ctx.editor.isActive('heading', { level: 2 }),
@ -36,8 +36,8 @@ export const TextEditorMenu = ({ editor }: { editor: Editor }) => {
isOrderedList: ctx.editor.isActive('orderedList'), isOrderedList: ctx.editor.isActive('orderedList'),
isCodeBlock: ctx.editor.isActive('codeBlock'), isCodeBlock: ctx.editor.isActive('codeBlock'),
isBlockquote: ctx.editor.isActive('blockquote'), isBlockquote: ctx.editor.isActive('blockquote'),
canUndo: ctx.editor.can().chain().focus().undo().run(), canUndo: ctx.editor.can().undo(),
canRedo: ctx.editor.can().chain().focus().redo().run(), canRedo: ctx.editor.can().redo(),
} }
}, },
}) })
@ -77,7 +77,7 @@ export const TextEditorMenu = ({ editor }: { editor: Editor }) => {
</div> </div>
</li> </li>
<li> <li>
<div className='tw:w-[1px] tw:p-0 tw:mx-1 tw:bg-base-content/10 tw:my-1' /> <div className='tw:w-px tw:p-0 tw:mx-1 tw:bg-base-content/10 tw:my-1' />
</li> </li>
<li> <li>
<div <div
@ -98,7 +98,7 @@ export const TextEditorMenu = ({ editor }: { editor: Editor }) => {
</div> </div>
</li> </li>
<li> <li>
<div className='tw:w-[1px] tw:p-0 tw:mx-1 tw:bg-base-content/10 tw:my-1' /> <div className='tw:w-px tw:p-0 tw:mx-1 tw:bg-base-content/10 tw:my-1' />
</li> </li>
<li> <li>
<div <div
@ -119,7 +119,7 @@ export const TextEditorMenu = ({ editor }: { editor: Editor }) => {
</div> </div>
</li> </li>
<li> <li>
<div className='tw:w-[1px] tw:p-0 tw:mx-1 tw:bg-base-content/10 tw:my-1' /> <div className='tw:w-px tw:p-0 tw:mx-1 tw:bg-base-content/10 tw:my-1' />
</li> </li>
{/* <li> {/* <li>
<div className='tw:@sm:tooltip tw:px-1.5 tw:mx-0.5' data-tip='Image' onClick={addImage}> <div className='tw:@sm:tooltip tw:px-1.5 tw:mx-0.5' data-tip='Image' onClick={addImage}>
@ -135,7 +135,7 @@ export const TextEditorMenu = ({ editor }: { editor: Editor }) => {
<MdHorizontalRule className='tw:w-5 tw:h-5' /> <MdHorizontalRule className='tw:w-5 tw:h-5' />
</div> </div>
</li> </li>
<div className='tw:flex-grow'></div> <div className='tw:grow'></div>
<li> <li>
<div <div
className={`tw:@sm:tooltip tw:px-1.5 tw:mx-0.5 tw:hidden tw:@sm:block ${editorState.canUndo ? '' : 'tw:opacity-50'}`} className={`tw:@sm:tooltip tw:px-1.5 tw:mx-0.5 tw:hidden tw:@sm:block ${editorState.canUndo ? '' : 'tw:opacity-50'}`}