fix: editor losing focus after selecting a color with the color picker

josdejong · May 20, 2022 · 8cb912a · 8cb912a
1 parent ea52484
commit 8cb912a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/lib/plugins/value/components/ColorPicker.svelte b/src/lib/plugins/value/components/ColorPicker.svelte
@@ -6,13 +6,15 @@
   import { compileJSONPointer } from 'immutable-json-patch'
   import { getContext } from 'svelte'
   import ColorPickerPopup from '../../../components/controls/ColorPickerPopup.svelte'
+  import { SELECTION_TYPE } from '../../../logic/selection.js'
 
   const { openAbsolutePopup } = getContext('absolute-popup')
 
   export let path
   export let value
   export let readOnly
   export let onPatch
+  export let onSelect
 
   $: color = getColorCSS(value)
 
@@ -24,6 +26,8 @@
         value: color
       }
     ])
+
+    onSelect({ type: SELECTION_TYPE.VALUE, path })
   }
 
   function openColorPicker(event) {

diff --git a/src/lib/plugins/value/renderValue.js b/src/lib/plugins/value/renderValue.js
@@ -34,7 +34,7 @@ export function renderValue({
   if (!isEditing && isColor(value)) {
     renderers.push({
       component: ColorPicker,
-      props: { path, value, readOnly, onPatch }
+      props: { path, value, readOnly, onPatch, onSelect }
     })
   }