fix(slider): ensure track widths follow dynamic Spectrum CSS values

adobe · Oct 28, 2019 · 5ad1c1a · 5ad1c1a
1 parent 5a687ca
commit 5ad1c1a
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/slider/src/slider.ts b/packages/slider/src/slider.ts
@@ -471,8 +471,10 @@ export class Slider extends Focusable {
     }
 
     private get trackRightStyle(): string {
-        const width = `width: ${(1 - this.trackProgress) * 100}%; `;
-        const offset = `left: calc(${this.trackProgress * 100}% + 8px)`;
+        const width = `width: ${(1 - this.trackProgress) * 100}%;`;
+        const halfHandleWidth = `var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2`;
+        const offset = `left: calc(${this.trackProgress *
+            100}% + ${halfHandleWidth})`;
 
         return width + offset;
     }