fix(html): thumb edge alignment jump (#766)

This commit is contained in:
rahim
2026-03-09 13:14:28 -07:00
committed by GitHub
parent dc84216de5
commit d53e239b7b
4 changed files with 13 additions and 0 deletions
@@ -75,6 +75,7 @@ export class SliderElement extends MediaElement {
this.dispatchEvent(new CustomEvent('drag-end', { bubbles: true }));
},
adjustPercent: (raw, thumbSize, trackSize) => this.#core.adjustPercentForAlignment(raw, thumbSize, trackSize),
onResize: () => this.requestUpdate(),
});
applyElementProps(this, this.#slider.rootProps, { signal });
@@ -80,6 +80,7 @@ export class TimeSliderElement extends MediaElement {
this.dispatchEvent(new CustomEvent('drag-end', { bubbles: true }));
},
adjustPercent: (raw, thumbSize, trackSize) => this.#core.adjustPercentForAlignment(raw, thumbSize, trackSize),
onResize: () => this.requestUpdate(),
});
applyElementProps(this, this.#slider.rootProps, { signal });
@@ -76,6 +76,7 @@ export class VolumeSliderElement extends MediaElement {
this.dispatchEvent(new CustomEvent('drag-end', { bubbles: true }));
},
adjustPercent: (raw, thumbSize, trackSize) => this.#core.adjustPercentForAlignment(raw, thumbSize, trackSize),
onResize: () => this.requestUpdate(),
});
applyElementProps(this, this.#slider.rootProps, { signal });