fix: disable opening of color picker when editor is readOnly

josdejong · Aug 21, 2021 · 236ec7a · 236ec7a
1 parent 90273f8
commit 236ec7a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/lib/components/modes/treemode/JSONValue.svelte b/src/lib/components/modes/treemode/JSONValue.svelte
@@ -179,7 +179,7 @@
     <BooleanToggle {path} {value} {onPatch} />
   {/if}
   {#if isColor(value)}
-    <Color {path} {value} {onPatch} />
+    <Color {path} {value} {onPatch} {readOnly} />
   {/if}
 {/if}
 

diff --git a/src/lib/components/modes/treemode/value/Color.svelte b/src/lib/components/modes/treemode/value/Color.svelte
@@ -10,6 +10,7 @@
   export let onPatch
   export let path
   export let value
+  export let readOnly
 
   $: color = getColorCSS(value)
 
@@ -27,6 +28,10 @@
   }
 
   function openColorPicker(event) {
+    if (readOnly) {
+      return
+    }
+
     // estimate of the color picker height
     // we'll render the color picker on top
     // when there is not enough space below, and there is enough space above