@salesforcedevs/docs-components 1.3.131 → 1.3.138

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "1.3.131",
+    "version": "1.3.138",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",
@@ -24,5 +24,5 @@
         "@types/lodash.orderby": "^4.6.7",
         "@types/lodash.uniqby": "^4.7.7"
     },
-    "gitHead": "b685c8d1d050c0fa402922a7435c43ec37a91a0c"
+    "gitHead": "23c5aa9a539b956d4d2c592d366663510af4f2ac"
 }

package/src/modules/doc/contentLayout/contentLayout.ts

@@ -214,13 +214,16 @@ export default class ContentLayout extends LightningElement {
 
         // sync with the browser to account for any reflows that may have happened
         requestAnimationFrame(() => {
+            // ternary is a temporary fix for the global nav height reporting incorrectly on some browsers
             const globalNavHeight =
-                globalNavEl.offsetHeight + contextNavEl.offsetHeight;
-            const docHeaderHeight = docHeaderEl.offsetHeight;
+                (globalNavEl.getBoundingClientRect().height !== 72 ? 0 : 72) +
+                contextNavEl.getBoundingClientRect().height;
+            const docHeaderHeight = docHeaderEl.getBoundingClientRect().height;
             sidebarEl.style.setProperty(
                 "--dx-c-content-sidebar-sticky-top",
                 `${globalNavHeight + docHeaderHeight}px`
             );
+
             docHeaderEl.style.setProperty(
                 "--dx-g-global-header-height",
                 `${globalNavHeight}px`
@@ -234,7 +237,7 @@ export default class ContentLayout extends LightningElement {
                         window.innerWidth < 769
                             ? globalNavHeight +
                               docHeaderHeight +
-                              sidebarEl.offsetHeight
+                              sidebarEl.getBoundingClientRect().height
                             : globalNavHeight + docHeaderHeight
                     }px`
                 );
@@ -247,7 +250,7 @@ export default class ContentLayout extends LightningElement {
                     docHeadingEl.style.scrollMarginTop = `${
                         globalNavHeight +
                         docHeaderHeight +
-                        docPhaseEl.offsetHeight
+                        docPhaseEl.getBoundingClientRect().height
                     }px`;
                 });
 
@@ -259,7 +262,7 @@ export default class ContentLayout extends LightningElement {
                     rightNavBarEl.style.top = `${
                         globalNavHeight +
                         docHeaderHeight +
-                        docPhaseEl.offsetHeight
+                        docPhaseEl.getBoundingClientRect().height
                     }px`;
                 }
             }