Use x-ref instead of an id to allow multiple color pickers to co-exist

RVxLab · Mar 18, 2022 · 994ea2c · 994ea2c
1 parent d9a2fdc
commit 994ea2c
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/resources/views/colorpicker.blade.php b/resources/views/colorpicker.blade.php
@@ -15,15 +15,15 @@
             init() {
                 $nextTick(() => {
                     this.picker = window.FilamentColorPicker.make($wire, {
-                        parent: document.getElementById('filament-color-picker'),
+                        parent: $refs.colorPicker,
                         ...@js($getPickerOptions()),
                     });
                 });
             },
         }"
     >
         <div
-            id="filament-color-picker"
+            x-ref="colorPicker"
             class="color-picker flex flex-wrap mt-1 shadow-sm"
         >
             @includeWhen($getPreview(), 'filament-colorpicker::preview')