fixes #468

docs/resources/changelog.md

@@ -6,6 +6,10 @@ Components with the <sl-badge type="warning" pill>Experimental</sl-badge> badge
 
 _During the beta period, these restrictions may be relaxed in the event of a mission-critical bug._ 🐛
 
+## Next
+
+- Fixed a bug in `sl-color-picker` where setting `value` immediately wouldn't trigger an update
+
 ## 2.0.0-beta.44
 
 - 🚨 BREAKING: all `invalid` props on form controls now reflect validity before interaction [#455](https://github.com/shoelace-style/shoelace/issues/455)

src/components/color-picker/color-picker.ts

@@ -554,17 +554,17 @@ export default class SlColorPicker extends LitElement {
     this.value = this.inputValue;
   }
 
-  @watch('format', { waitUntilFirstUpdate: true })
+  @watch('format')
   handleFormatChange() {
     this.syncValues();
   }
 
-  @watch('opacity', { waitUntilFirstUpdate: true })
+  @watch('opacity')
   handleOpacityChange() {
     this.alpha = 100;
   }
 
-  @watch('value', { waitUntilFirstUpdate: true })
+  @watch('value')
   handleValueChange(oldValue: string, newValue: string) {
     const newColor = this.parseColor(newValue);