energy-visualization-sankey 1.0.20 → 1.0.22

package/dist/sankey.esm.js

@@ -8147,19 +8147,28 @@ class AnimationService {
         const minYear = this.dataService.firstYear;
         const maxYear = this.dataService.lastYear;
         // Calculate precise positioning
-        const position = this.calculateIndicatorPosition(slider, currentYear, minYear, maxYear);
+        const position = this.calculateIndicatorPosition(slider, indicator, currentYear, minYear, maxYear);
         // Apply positioning and content
         this.applyIndicatorPosition(indicator, position, currentYear);
     }
-    calculateIndicatorPosition(slider, currentYear, minYear, maxYear) {
+    calculateIndicatorPosition(slider, indicator, currentYear, minYear, maxYear) {
         const sliderRect = slider.getBoundingClientRect();
+        const offsetParent = indicator.offsetParent;
+        // parentLeft is the viewport-relative left edge of whatever element the indicator's
+        // `left` CSS property is measured from. This varies between plain HTML and framework
+        // environments (Nuxt, Vue, etc.) depending on which ancestor has position != static.
+        const parentLeft = offsetParent ? offsetParent.getBoundingClientRect().left : 0;
         const progress = (currentYear - minYear) / (maxYear - minYear);
-        // Account for thumb dimensions (11px width from CSS)
         const thumbWidth = 11;
         const effectiveWidth = sliderRect.width - thumbWidth;
-        const thumbCenter = (thumbWidth / 2) + (progress * effectiveWidth);
-        // Center 54px indicator over thumb
-        return thumbCenter - 28; // 54px / 2 = 26px
+        // 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);
+        // 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) {
         indicator.style.left = `${position}px`;