From 847b78347f3403e2a86ac5a2c89435320a171cff Mon Sep 17 00:00:00 2001
From: umaranis <mail@umaranis.com>
Date: Wed, 13 Nov 2024 18:14:14 +1100
Subject: [PATCH] bug: readonly editor enabled toolbar buttons

---
 .../components/generic/colorpicker/ColorPickerDropDown.svelte   | 2 +-
 .../svelte-lexical/src/lib/components/toolbar/BoldButton.svelte | 2 +-
 .../src/lib/components/toolbar/FontSizeEntry.svelte             | 2 +-
 .../src/lib/components/toolbar/ItalicButton.svelte              | 2 +-
 .../src/lib/components/toolbar/StrikethroughButton.svelte       | 2 +-
 .../src/lib/components/toolbar/UnderlineButton.svelte           | 2 +-
 6 files changed, 6 insertions(+), 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
index d841e5d..c5b09ed 100644
--- 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
index 2b378a3..dba7399 100644
--- 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
index 1586831..ec29301 100644
--- 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
index 2248faa..fa7c6d7 100644
--- 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
index 2fbf7ff..5852a82 100644
--- 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
index 3d657b2..ea9ae36 100644
--- 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');
   }}