diff --git a/packages/svelte-lexical/src/lib/core/plugins/Table/TableActionMenuPlugin.svelte b/packages/svelte-lexical/src/lib/core/plugins/Table/TableActionMenuPlugin.svelte index 7260674..b6d2181 100644 --- a/packages/svelte-lexical/src/lib/core/plugins/Table/TableActionMenuPlugin.svelte +++ b/packages/svelte-lexical/src/lib/core/plugins/Table/TableActionMenuPlugin.svelte @@ -11,12 +11,13 @@ import {onMount} from 'svelte'; import TableActionMenu from './TableActionMenu.svelte'; import {writable, type Writable} from 'svelte/store'; - import {getEditor} from '$lib/core/composerContext.js'; + import {getEditor, getIsEditable} from '$lib/core/composerContext.js'; export let anchorElem: HTMLElement; export let cellMerge: boolean; const editor = getEditor(); + const isEditable = getIsEditable(); let menuButtonRef: HTMLElement | null = null; let menuRootRef = null; @@ -110,25 +111,27 @@ } -
- {#if $tableCellNode != null} - - {#if $isMenuOpen} - ($isMenuOpen = val)} - onClose={() => ($isMenuOpen = false)} - _tableCellNode={$tableCellNode} - {cellMerge} /> +{#if $isEditable} +
+ {#if $tableCellNode != null} + + {#if $isMenuOpen} + ($isMenuOpen = val)} + onClose={() => ($isMenuOpen = false)} + _tableCellNode={$tableCellNode} + {cellMerge} /> + {/if} {/if} - {/if} -
+
+{/if}