@ai-matrx/design-system 0.61.15 → 0.61.17

package/dist/index.js

@@ -415,18 +415,20 @@ function overflowPast(el, rect, view) {
   }
   let clip = null;
   let transformed = false;
+  let pannedInsideClip = false;
   const root = el.ownerDocument.documentElement;
   for (let p = el.parentElement; p && p !== root; p = p.parentElement) {
     const pcs = view.getComputedStyle(p);
     if (!clip && pcs.overflowX !== "visible" && pcs.overflowX !== "") clip = p;
     if (pcs.transform && pcs.transform !== "none" || pcs.translate && pcs.translate !== "none" || pcs.scale && pcs.scale !== "none" || pcs.rotate && pcs.rotate !== "none") {
       transformed = true;
+      if (!clip) pannedInsideClip = true;
     }
   }
   if (clip && !pinned && clip !== parent) {
     const cr = clip.getBoundingClientRect();
     if (cr.width > 0) {
-      const by = Math.max(rect.right - cr.right, cr.left - rect.left);
+      const by = pannedInsideClip ? rect.width - cr.width : Math.max(rect.right - cr.right, cr.left - rect.left);
       if (by > 0.5) return { what: "its clipping container", by };
     }
   }