@flamingo-stack/openframe-frontend-core 0.0.291 → 0.0.292

package/dist/utils/index.js

@@ -3302,22 +3302,34 @@ function cancelActiveScroll() {
   }
 }
 var easeOutCubic = (t) => 1 - Math.pow(1 - t, 3);
+function getScrollableAncestor(el) {
+  for (let node = el.parentElement; node; node = node.parentElement) {
+    const overflowY = getComputedStyle(node).overflowY;
+    if ((overflowY === "auto" || overflowY === "scroll" || overflowY === "overlay") && node.scrollHeight > node.clientHeight) {
+      return node;
+    }
+  }
+  return null;
+}
 function scrollElementIntoView(target, options = {}) {
   if (typeof window === "undefined" || !target) return;
   const { headerOffset = 0, behavior = "smooth", adjustTargetY, durationMs = 320 } = options;
+  const container = getScrollableAncestor(target);
+  const readCurrent = () => container ? container.scrollTop : window.scrollY;
+  const writeTo = (y) => {
+    if (container) container.scrollTop = y;
+    else window.scrollTo(0, y);
+  };
   const computeTarget = () => {
-    const raw = target.getBoundingClientRect().top + window.scrollY - headerOffset;
+    const raw = container ? container.scrollTop + (target.getBoundingClientRect().top - container.getBoundingClientRect().top) - headerOffset : target.getBoundingClientRect().top + window.scrollY - headerOffset;
     const adjusted = adjustTargetY ? adjustTargetY(raw) : raw;
-    const maxScroll = Math.max(
-      0,
-      document.documentElement.scrollHeight - window.innerHeight
-    );
+    const maxScroll = container ? Math.max(0, container.scrollHeight - container.clientHeight) : Math.max(0, document.documentElement.scrollHeight - window.innerHeight);
     return Math.min(Math.max(0, adjusted), maxScroll);
   };
   cancelActiveScroll();
   const prefersReduced = typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
   if (behavior === "instant" || behavior === "auto" || prefersReduced) {
-    window.scrollTo(0, computeTarget());
+    writeTo(computeTarget());
     return;
   }
   let startY = null;
@@ -3331,17 +3343,17 @@ function scrollElementIntoView(target, options = {}) {
   };
   const step = (now) => {
     if (startY === null) {
-      startY = window.scrollY;
+      startY = readCurrent();
       startTime = now;
     }
     const targetY = computeTarget();
     const t = Math.min(1, (now - startTime) / durationMs);
     const y = startY + (targetY - startY) * easeOutCubic(t);
-    window.scrollTo(0, y);
+    writeTo(y);
     if (t < 1) {
       activeRaf = requestAnimationFrame(step);
     } else {
-      window.scrollTo(0, computeTarget());
+      writeTo(computeTarget());
       activeRaf = 0;
       if (teardownActive) {
         teardownActive();