This commit is contained in:
Cory LaViska
2022-08-25 08:48:23 -04:00
parent 156a2812ae
commit dfdd7c75c2
2 changed files with 3 additions and 3 deletions

View File

@@ -19,6 +19,7 @@ _During the beta period, these restrictions may be relaxed in the event of a mis
- Fixed a bug in `<sl-split-panel>` that caused the panel to stack when clicking on the divider in mobile versions of Chrome [#862](https://github.com/shoelace-style/shoelace/issues/862)
- Fixed a bug in `<sl-popup>` that prevented flip fallbacks from working as intended
- Fixed a bug that caused concurrent animations to work incorrectly when the durations were different [#867](https://github.com/shoelace-style/shoelace/issues/867)
- Fixed a bug in `<sl-color-picker>` that caused the trigger and color preview to ignore opacity on first render [#869](https://github.com/shoelace-style/shoelace/issues/869)
- Improved single selection in `<sl-tree>` so nodes expand and collapse and receive selection when clicking on the label
- Renamed `expanded-icon` and `collapsed-icon` slots to `expand-icon` and `collapse-icon` in the experimental `<sl-tree>` and `<sl-tree-item>` components
- Improved RTL support for `<sl-image-comparer>`

View File

@@ -610,7 +610,7 @@ export default class SlColorPicker extends ShoelaceElement {
}
// Setting this.value will trigger the watcher which parses the new value. We want to bypass that behavior because
// we've already parsed the color here and conversion/rounding can lead to values changing slightly. WHen this
// we've already parsed the color here and conversion/rounding can lead to values changing slightly. When this
// happens, dragging the grid handle becomes jumpy. After the next update, the usual behavior is restored.
this.isSafeValue = true;
this.value = this.inputValue;
@@ -642,7 +642,7 @@ export default class SlColorPicker extends ShoelaceElement {
this.syncValues();
}
@watch('opacity')
@watch('opacity', { waitUntilFirstUpdate: true })
handleOpacityChange() {
this.alpha = 100;
}
@@ -658,7 +658,6 @@ export default class SlColorPicker extends ShoelaceElement {
this.lightness = this.getLightness(this.brightness);
this.alpha = 100;
}
if (!this.isSafeValue && oldValue !== undefined) {
const newColor = this.parseColor(newValue);