diff --git a/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/Theme.ts b/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/Theme.ts index 4740af3f3..d3174ad97 100644 --- a/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/Theme.ts +++ b/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/Theme.ts @@ -82,6 +82,7 @@ const BlocksEditorTheme: EditorThemeClasses = { tableCellSortedIndicator: 'Lexical__tableCellSortedIndicator', tableResizeRuler: 'Lexical__tableCellResizeRuler', tableSelected: 'Lexical__tableSelected', + tableSelection: 'Lexical__tableSelection', text: { bold: 'Lexical__textBold', code: 'Lexical__textCode', diff --git a/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/editor.scss b/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/editor.scss index ee28a96c1..866a00f9a 100644 --- a/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/editor.scss +++ b/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/editor.scss @@ -116,6 +116,9 @@ margin: 0.5rem 0; color: var(--sn-stylekit-contrast-foreground-color); } +.Lexical__tableSelection *::selection { + background-color: transparent !important; +} .Lexical__tableSelected { outline: 2px solid rgb(60, 132, 244); } @@ -149,7 +152,7 @@ top: 0; } .Lexical__tableCellHeader { - background-color: var(--sn-stylekit-contrast-background-color) !important; + background-color: var(--sn-stylekit-contrast-background-color); border-color: var(--sn-stylekit-contrast-border-color); text-align: start; } diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/TablePlugin.tsx b/packages/web/src/javascripts/Components/SuperEditor/Plugins/TablePlugin.tsx index e65cdc865..b14184f1a 100644 --- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/TablePlugin.tsx +++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/TablePlugin.tsx @@ -64,6 +64,9 @@ export function RemoveBrokenTablesPlugin() { } const hasNextSibling = !!node.getNextSibling() const hasPreviousSibling = !!node.getPreviousSibling() + if (!node.getParent()) { + return + } if (!hasNextSibling) { node.insertAfter($createParagraphNode()) } else if (!hasPreviousSibling) {