gatsby-matrix-theme 53.27.1 → 53.27.2

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## [53.27.2](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v53.27.1...v53.27.2) (2026-08-11)
+
+
+### Bug Fixes
+
+* **widget-heights:** reset the posted-height accumulator per rung so each width measures its own height ([fc49529](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/fc4952903f8394f529afa4abb1383ae46936df55))
+
+
+* Merge branch 'fix/widget-heights-per-rung-measurement' into 'master' ([efc33ff](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/efc33ff80c2ed1bc13554d6a39463a11cc300841))
+
 ## [53.27.1](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v53.27.0...v53.27.1) (2026-08-10)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "53.27.1",
+  "version": "53.27.2",
   "main": "index.js",
   "description": "Matrix Theme NPM Package",
   "author": "",

package/storybook/public/project.json

@@ -1,2 +1 @@
-{"generatedAt":1786353491316,"builder":{"name":"webpack5"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"metaFramework":{"name":"Gatsby","packageName":"gatsby","version":"5.13.6"},"monorepo":"Workspaces","packageManager":{"type":"yarn","version":"1.22.19"},"storybookVersion":"6.5.16","language":"javascript","storybookPackages":{"@storybook/addon-actions":{"version":"6.5.16"},"@storybook/builder-webpack5":{"version":"6.5.16"},"@storybook/manager-webpack5":{"version":"6.5.16"},"@storybook/react":{"version":"6.5.16"}},"framework":{"name":"react"},"addons":{"@storybook/addon-links":{"version":"6.5.16"},"@storybook/addon-essentials":{"version":"6.5.16"}}}
-don-measure":{"version":"6.5.16-alpha.0"},"@storybook/addon-outline":{"version":"6.5.16-alpha.0"},"@storybook/addon-storyshots":{"version":"6.5.16-alpha.0"},"@storybook/addon-storyshots-puppeteer":{"version":"6.5.16-alpha.0"},"@storybook/addon-storysource":{"version":"6.5.16-alpha.0"},"@storybook/addon-toolbars":{"version":"6.5.16-alpha.0"},"@storybook/addon-viewport":{"version":"6.5.16-alpha.0"},"@storybook/addons":{"version":"6.5.16-alpha.0"},"@storybook/angular":{"version":"6.5.16-alpha.0"},"@storybook/api":{"version":"6.5.16-alpha.0"},"@storybook/babel-plugin-require-context-hook":{"version":"1.0.1"},"@storybook/channel-postmessage":{"version":"6.5.16-alpha.0"},"@storybook/channel-websocket":{"version":"6.5.16-alpha.0"},"@storybook/channels":{"version":"6.5.16-alpha.0"},"@storybook/cli":{"version":"6.5.16-alpha.0"},"@storybook/client-api":{"version":"6.5.16-alpha.0"},"@storybook/client-logger":{"version":"6.5.16-alpha.0"},"@storybook/codemod":{"version":"6.5.16-alpha.0"},"@storybook/components":{"version":"6.5.16-alpha.0"},"@storybook/core":{"version":"6.5.16-alpha.0"},"@storybook/core-events":{"version":"6.5.16-alpha.0"},"@storybook/csf-tools":{"version":"6.5.16-alpha.0"},"@storybook/docs-tools":{"version":"6.5.16-alpha.0"},"@storybook/ember":{"version":"6.5.16-alpha.0"},"@storybook/eslint-config-storybook":{"version":"2.4.0"},"@storybook/html":{"version":"6.5.16-alpha.0"},"@storybook/instrumenter":{"version":"6.5.16-alpha.0"},"@storybook/jest":{"version":"0.0.5"},"@storybook/linter-config":{"version":"2.5.0"},"@storybook/node-logger":{"version":"6.5.16-alpha.0"},"@storybook/postinstall":{"version":"6.5.16-alpha.0"},"@storybook/preact":{"version":"6.5.16-alpha.0"},"@storybook/preview-web":{"version":"6.5.16-alpha.0"},"@storybook/react":{"version":"6.5.16-alpha.0"},"@storybook/router":{"version":"6.5.16-alpha.0"},"@storybook/semver":{"version":"7.3.2"},"@storybook/server":{"version":"6.5.16-alpha.0"},"@storybook/source-loader":{"version":"6.5.16-alpha.0"},"@storybook/store":{"version":"6.5.16-alpha.0"},"@storybook/svelte":{"version":"6.5.16-alpha.0"},"@storybook/telemetry":{"version":"6.5.16-alpha.0"},"@storybook/testing-library":{"version":"0.0.7"},"@storybook/theming":{"version":"6.5.16-alpha.0"},"@storybook/ui":{"version":"6.5.16-alpha.0"},"@storybook/vue":{"version":"6.5.16-alpha.0"},"@storybook/web-components":{"version":"6.5.16-alpha.0"},"eslint-plugin-storybook":{"version":"0.3.5"}},"framework":{"name":"angular"},"addons":{"@storybook/addon-links":{"version":"6.5.16-alpha.0"},"@storybook/addon-essentials":{"version":"6.5.16-alpha.0"}}}
+{"generatedAt":1786438058415,"builder":{"name":"webpack5"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"metaFramework":{"name":"Gatsby","packageName":"gatsby","version":"5.13.6"},"monorepo":"Workspaces","packageManager":{"type":"yarn","version":"1.22.19"},"storybookVersion":"6.5.16","language":"javascript","storybookPackages":{"@storybook/addon-actions":{"version":"6.5.16"},"@storybook/builder-webpack5":{"version":"6.5.16"},"@storybook/manager-webpack5":{"version":"6.5.16"},"@storybook/react":{"version":"6.5.16"}},"framework":{"name":"react"},"addons":{"@storybook/addon-links":{"version":"6.5.16"},"@storybook/addon-essentials":{"version":"6.5.16"}}}

package/widget-heights/measureHeights.js

@@ -140,17 +140,28 @@ async function browserMeasureUrl(url, cfg, reporter) {
     // PREFERRED signal — the height the widget POSTS via postMessage: the EXACT value the runtime
     // component applies to size the iframe, so reserving it means zero layout shift. The widget posts
     // to the top-level window, so a plain top-level load receives it — no embed/origin trickery.
-    // Track the MAX positive value (mirrors the component resizer: data.height ?? data.frameHeight ??
-    // data), not the latest, so a transient short post (skeleton/collapse) can't make us under-reserve.
     // No source check — build-time isn't a security boundary, so a nested-frame post still counts.
+    //
+    // Two accumulators, because the ladder measures several widths on ONE load:
+    //   `max`  — tallest post since the CURRENT rung began (reset before each resize below). Taking the
+    //            max within a rung, not the latest, keeps a transient short post (skeleton/collapse)
+    //            from making that rung under-reserve.
+    //   `last` — most recent post, never reset. A widget that only posts when its height actually
+    //            CHANGES goes quiet on a resize that doesn't move it; carrying `last` then reports the
+    //            unchanged height rather than falling through to the scrollHeight guess.
+    // A single running max across the whole load (what this used to be) makes every rung report the
+    // tallest height seen so far, so measured ladders come back non-decreasing no matter how the widget
+    // actually reflows — which silently collapses every breakpoint onto the narrowest rung's height.
     await page.addInitScript(() => {
-      window.whPostedHeight = 0;
+      window.whPosted = { max: 0, last: 0 };
       window.addEventListener('message', (e) => {
         const d = e.data;
         let h = d;
         if (d && typeof d === 'object') h = d.height != null ? d.height : d.frameHeight;
         const n = Number(h);
-        if (Number.isFinite(n) && n > window.whPostedHeight) window.whPostedHeight = n;
+        if (!Number.isFinite(n) || n <= 0) return;
+        window.whPosted.last = n;
+        if (n > window.whPosted.max) window.whPosted.max = n;
       });
     });
     await page.goto(target, { waitUntil: 'networkidle', timeout: cfg.perUrlTimeoutMs });
@@ -159,7 +170,7 @@ async function browserMeasureUrl(url, cfg, reporter) {
     // so a fixed settle alone races it and misses the post, silently dropping to the scrollHeight
     // fallback. Only if it never posts within the window do we rely on scrollHeight.
     try {
-      await page.waitForFunction(() => window.whPostedHeight > 0, null, {
+      await page.waitForFunction(() => window.whPosted.last > 0, null, {
         timeout: Math.min(cfg.perUrlTimeoutMs, 8000),
       });
     } catch {
@@ -168,14 +179,21 @@ async function browserMeasureUrl(url, cfg, reporter) {
 
     const heights = {};
     for (const w of cfg.ladder) {
-      // Resize through the ladder on the ONE load; the widget re-posts on each reflow.
+      // Open a fresh measurement window for THIS rung, then resize; the widget re-posts on the reflow.
+      // Without the reset every rung would just re-report the tallest post from earlier, narrower rungs.
+      await page.evaluate(() => {
+        window.whPosted.max = 0;
+      });
       await page.setViewportSize({ width: w, height: VIEWPORT_H });
       await page.waitForTimeout(cfg.settleMs);
-      // Prefer the posted height (exact runtime signal); fall back to body.scrollHeight — at a full
-      // viewport it OVER-reserves for a full-height widget (safe) rather than under-reserving.
-      heights[w] = await page.evaluate(() =>
-        (window.whPostedHeight > 0 ? window.whPostedHeight : document.body.scrollHeight)
-      );
+      // Prefer this rung's own post; then the last post seen (widget didn't re-post → height unchanged);
+      // then body.scrollHeight — at a full viewport it OVER-reserves for a full-height widget (safe)
+      // rather than under-reserving.
+      heights[w] = await page.evaluate(() => {
+        const { max, last } = window.whPosted;
+        if (max > 0) return max;
+        return last > 0 ? last : document.body.scrollHeight;
+      });
     }
 
     // Unmeasurable-page guard. If the widget NEVER posted AND every rung reports exactly the viewport
@@ -186,7 +204,7 @@ async function browserMeasureUrl(url, cfg, reporter) {
     // instead return null → the caller records a failure and the component uses its safe static default.
     // Log the page's title/text so a blocked page (empty/error) is distinguishable in the build log from
     // a merely-slow one (which would show real content but have missed the post window).
-    const posted = await page.evaluate(() => window.whPostedHeight);
+    const posted = await page.evaluate(() => window.whPosted.last);
     if (!posted && cfg.ladder.every((w) => heights[w] === VIEWPORT_H)) {
       if (reporter && typeof reporter.warn === 'function') {
         const probe = await page