energy-visualization-sankey 1.0.21 → 1.0.23

package/dist/sankey.umd.js

@@ -7647,9 +7647,7 @@
                 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')
@@ -8170,8 +8168,10 @@
             // 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) {