@biggive/components 202304111006.0.0 → 202304111046.0.0

package/dist/cjs/biggive-accordion_43.cjs.entry.js

@@ -1006,7 +1006,11 @@ const BiggiveMainMenu = class {
     }
   }
   setHeaderSize() {
-    document.body.style.paddingTop = this.host.offsetHeight + 'px';
+    // Some resize edge cases lead Firefox, and maybe others, to go haywire and get a host offset
+    // height of millions of pixels, presumably due to a layout logic loop. So for as long as we use
+    // this body padding workaround, we need a safe maximum value, currently 130px, beyond which
+    // we will never further displace the main content.
+    document.body.style.paddingTop = Math.min(130, this.host.offsetHeight).toString() + 'px';
   }
   componentDidRender() {
     this.host.classList.add('fixed');

package/dist/collection/components/biggive-main-menu/biggive-main-menu.js

@@ -56,7 +56,11 @@ export class BiggiveMainMenu {
     }
   }
   setHeaderSize() {
-    document.body.style.paddingTop = this.host.offsetHeight + 'px';
+    // Some resize edge cases lead Firefox, and maybe others, to go haywire and get a host offset
+    // height of millions of pixels, presumably due to a layout logic loop. So for as long as we use
+    // this body padding workaround, we need a safe maximum value, currently 130px, beyond which
+    // we will never further displace the main content.
+    document.body.style.paddingTop = Math.min(130, this.host.offsetHeight).toString() + 'px';
   }
   componentDidRender() {
     this.host.classList.add('fixed');

package/dist/components/biggive-main-menu.js

@@ -64,7 +64,11 @@ const BiggiveMainMenu$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
     }
   }
   setHeaderSize() {
-    document.body.style.paddingTop = this.host.offsetHeight + 'px';
+    // Some resize edge cases lead Firefox, and maybe others, to go haywire and get a host offset
+    // height of millions of pixels, presumably due to a layout logic loop. So for as long as we use
+    // this body padding workaround, we need a safe maximum value, currently 130px, beyond which
+    // we will never further displace the main content.
+    document.body.style.paddingTop = Math.min(130, this.host.offsetHeight).toString() + 'px';
   }
   componentDidRender() {
     this.host.classList.add('fixed');

package/dist/esm/biggive-accordion_43.entry.js

@@ -1002,7 +1002,11 @@ const BiggiveMainMenu = class {
     }
   }
   setHeaderSize() {
-    document.body.style.paddingTop = this.host.offsetHeight + 'px';
+    // Some resize edge cases lead Firefox, and maybe others, to go haywire and get a host offset
+    // height of millions of pixels, presumably due to a layout logic loop. So for as long as we use
+    // this body padding workaround, we need a safe maximum value, currently 130px, beyond which
+    // we will never further displace the main content.
+    document.body.style.paddingTop = Math.min(130, this.host.offsetHeight).toString() + 'px';
   }
   componentDidRender() {
     this.host.classList.add('fixed');

package/hydrate/index.js

@@ -7840,7 +7840,11 @@ class BiggiveMainMenu {
     }
   }
   setHeaderSize() {
-    document.body.style.paddingTop = this.host.offsetHeight + 'px';
+    // Some resize edge cases lead Firefox, and maybe others, to go haywire and get a host offset
+    // height of millions of pixels, presumably due to a layout logic loop. So for as long as we use
+    // this body padding workaround, we need a safe maximum value, currently 130px, beyond which
+    // we will never further displace the main content.
+    document.body.style.paddingTop = Math.min(130, this.host.offsetHeight).toString() + 'px';
   }
   componentDidRender() {
     this.host.classList.add('fixed');

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@biggive/components",
   "_comment": "Version number below is automatically replaced during CircleCI build.",
-  "version": "202304111006.0.0",
+  "version": "202304111046.0.0",
   "description": "Big Give Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",