energy-visualization-sankey 1.0.21 → 1.0.23

package/dist/sankey.esm.js

@@ -7641,9 +7641,7 @@ class AnimationService {
             animationServiceRef.updateSliderIndicator();
         });
         // Create timeline sliders
-        const rangeSliderElement = document.getElementById('evs-range-slider');
-        this.sliderWidth = rangeSliderElement ?
-            rangeSliderElement.getBoundingClientRect().width : 1200;
+        this.sliderWidth = this.configService.WIDTH;
         // Top year labels
         const svgTopYear = select('#evs-axis-top')
             .style('margin', '-5px')
@@ -8164,8 +8162,10 @@ class AnimationService {
         // Compute thumb center in viewport coordinates, then translate to offset-parent space.
         // Using getBoundingClientRect differences means scroll position cancels out automatically.
         const thumbCenterViewport = sliderRect.left + (thumbWidth / 2) + (progress * effectiveWidth);
-        // Indicator rendered width = 50px (width) + 5px + 5px (padding-left/right) = 60px (content-box).
-        const indicatorWidth = 60;
+        // Use the actual rendered width so centering is correct regardless of whether the host
+        // project applies box-sizing: border-box (e.g. Nuxt/Vue resets) or content-box (plain HTML).
+        // offsetWidth always reflects the true painted width including padding.
+        const indicatorWidth = indicator.offsetWidth;
         return (thumbCenterViewport - parentLeft) - (indicatorWidth / 2);
     }
     applyIndicatorPosition(indicator, position, year) {