bug: readonly editor enabled toolbar buttons

umaranis · Nov 13, 2024 · 847b783 · 847b783
1 parent 36908fb
commit 847b783
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 6 deletions.
diff --git a/packages/svelte-lexical/src/lib/components/generic/colorpicker/ColorPickerDropDown.svelte b/packages/svelte-lexical/src/lib/components/generic/colorpicker/ColorPickerDropDown.svelte
@@ -21,7 +21,7 @@
   {buttonIconClassName}
   {buttonLabel}
   {title}
-  disabled={!isEditable}
+  disabled={!$isEditable}
   {stopCloseOnClickSelf}>
   <ColorPicker {color} {onChange} />
 </DropDown>
diff --git a/packages/svelte-lexical/src/lib/components/toolbar/BoldButton.svelte b/packages/svelte-lexical/src/lib/components/toolbar/BoldButton.svelte
@@ -12,7 +12,7 @@
 </script>
 
 <button
-  disabled={!isEditable}
+  disabled={!$isEditable}
   on:click={() => {
     $activeEditor.dispatchCommand(FORMAT_TEXT_COMMAND, 'bold');
   }}

diff --git a/packages/svelte-lexical/src/lib/components/toolbar/FontSizeEntry.svelte b/packages/svelte-lexical/src/lib/components/toolbar/FontSizeEntry.svelte
@@ -183,7 +183,7 @@
 <input
   type="number"
   bind:value={inputValue}
-  disabled={!isEditable}
+  disabled={!$isEditable}
   class="toolbar-item sl_font-size-input"
   min={MIN_ALLOWED_FONT_SIZE}
   max={MAX_ALLOWED_FONT_SIZE}

diff --git a/packages/svelte-lexical/src/lib/components/toolbar/ItalicButton.svelte b/packages/svelte-lexical/src/lib/components/toolbar/ItalicButton.svelte
@@ -12,7 +12,7 @@
 </script>
 
 <button
-  disabled={!isEditable}
+  disabled={!$isEditable}
   on:click={() => {
     $activeEditor.dispatchCommand(FORMAT_TEXT_COMMAND, 'italic');
   }}

diff --git a/packages/svelte-lexical/src/lib/components/toolbar/StrikethroughButton.svelte b/packages/svelte-lexical/src/lib/components/toolbar/StrikethroughButton.svelte
@@ -11,7 +11,7 @@
 </script>
 
 <button
-  disabled={!isEditable}
+  disabled={!$isEditable}
   on:click={() => {
     $activeEditor.dispatchCommand(FORMAT_TEXT_COMMAND, 'strikethrough');
   }}

diff --git a/packages/svelte-lexical/src/lib/components/toolbar/UnderlineButton.svelte b/packages/svelte-lexical/src/lib/components/toolbar/UnderlineButton.svelte
@@ -12,7 +12,7 @@
 </script>
 
 <button
-  disabled={!isEditable}
+  disabled={!$isEditable}
   on:click={() => {
     $activeEditor.dispatchCommand(FORMAT_TEXT_COMMAND, 'underline');
   }}