Merge pull request #10218 from filamentphp/fix/lazy-color-picker

fix: lazy color picker
filamentphp · Dec 9, 2023 · 08c7378 · 08c7378
2 parents 69ff129 + 98a8c9d
commit 08c7378
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 8 deletions.
diff --git a/packages/forms/dist/components/color-picker.js b/packages/forms/dist/components/color-picker.js
diff --git a/packages/forms/resources/js/components/color-picker.js b/packages/forms/resources/js/components/color-picker.js
@@ -6,7 +6,8 @@ import 'vanilla-colorful/rgba-string-color-picker.js'
 export default function colorPickerFormComponent({
     isAutofocused,
     isDisabled,
-    isLiveOnPickerClose,
+    isLiveDebounced,
+    isLiveOnBlur,
     state,
 }) {
     return {
@@ -29,7 +30,7 @@ export default function colorPickerFormComponent({
                 this.setState(event.detail.value)
             })
 
-            if (isLiveOnPickerClose) {
+            if (isLiveDebounced || isLiveOnBlur) {
                 new MutationObserver(() => {
                     if (this.$refs.panel.style.display !== 'none') {
                         return