@salesforcedevs/docs-components 1.3.106-alpha.5 → 1.3.106-alpha.7

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "1.3.106-alpha.5",
+    "version": "1.3.106-alpha.7",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",

package/src/modules/doc/header/header.css

@@ -87,7 +87,7 @@ header:not(.has-brand) > .header_l2 {
         margin-right: 0;
         padding: var(--dx-g-spacing-smd)
             var(--dx-g-global-header-padding-horizontal);
-        height: var(--dx-g-doc-header-main-nav-height);
+        min-height: var(--dx-g-doc-header-main-nav-height);
     }
 
     .header_l2_group-title .header_lang-dropdown {

package/src/modules/doc/xmlContent/xmlContent.ts

@@ -154,7 +154,29 @@ export default class DocXmlContent extends LightningElementWithState<{
                 ));
 
         if (anchorEl) {
-            anchorEl.scrollIntoView();
+            const globalNavHeader = document.querySelector(
+                ".global-nav-container"
+            ) as HTMLElement;
+            const docHeader = document.querySelector(
+                "doc-header"
+            ) as HTMLElement;
+            const headerHeight = globalNavHeader.offsetHeight;
+            const docHeaderHeight = docHeader.offsetHeight;
+            const rect = anchorEl.getBoundingClientRect();
+
+            // Calculate the scroll position required to bring the element into view
+            const scrollTop =
+                window.pageYOffset || document.documentElement.scrollTop;
+            const scrollX = rect.left + window.pageXOffset;
+            const scrollY =
+                rect.top + scrollTop - (headerHeight + docHeaderHeight); // subtract the header height from the top position
+
+            // Scroll to the calculated position
+            window.scrollTo({
+                top: scrollY,
+                left: scrollX
+            });
+
             this.setState({ internalLinkClicked: false });
         }