@ai-matrx/design-system 0.61.13 → 0.61.14

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## 0.61.14 — a page that scrolls down never hides an overflowing pill
+
+- Pill guard: only a sideways TRACK (an ancestor that scrolls horizontally and not vertically)
+  exempts a pill from the overflow check. 0.61.12 exempted any ancestor with computed
+  `overflow-x: auto`, and a page body with `overflow-y: auto` computes that too — so no pill on a
+  scrolling page was ever judged (measured live on /education/overview). Guard case red on 0.61.13.
+
+No consumer action.
+
 ## 0.61.13 — a pinned count badge is not an overflowing pill
 
 - Pill guard: a capsule positioned `absolute`/`fixed` (a count badge pinned to an icon's corner)

package/dist/index.cjs

@@ -733,7 +733,7 @@ function findPillViolation(el, maxWidth = PILL_MAX_WIDTH_PX) {
 function overflowPast(el, rect, view) {
   for (let p = el.parentElement; p; p = p.parentElement) {
     const ox = view.getComputedStyle(p).overflowX;
-    if (ox === "auto" || ox === "scroll") return null;
+    if ((ox === "auto" || ox === "scroll") && p.scrollWidth > p.clientWidth + 1 && p.scrollHeight <= p.clientHeight + 1) return null;
   }
   const pinned = ["absolute", "fixed"].includes(view.getComputedStyle(el).position);
   const parent = el.parentElement;