@salesforcedevs/docs-components 1.3.126 → 1.3.127

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "1.3.126",
+    "version": "1.3.127",
     "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": "a2651830cfd3ed7af0373f7792acd852d903fe0b"
+    "gitHead": "74db03edcd4920e328787e4174126ba6ee39a1dc"
 }

package/src/modules/doc/content/content.css

@@ -402,3 +402,10 @@ samp,
 mark {
     background-color: var(--dx-g-yellow-vibrant-90);
 }
+
+/* offset page jump link due to fixed header */
+[id] {
+    scroll-margin-top: calc(
+        var(--dx-g-global-header-height) + var(--dx-g-doc-header-height)
+    );
+}

package/src/modules/doc/contentLayout/contentLayout.css

@@ -40,6 +40,13 @@ dx-toc {
     display: block;
 }
 
+/* offset page jump link due to fixed header */
+::slotted(doc-heading) {
+    scroll-margin-top: calc(
+        var(--dx-g-global-header-height) + var(--dx-g-doc-header-height)
+    );
+}
+
 .content {
     display: flex;
     position: relative;

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

@@ -156,28 +156,7 @@ export default class DocXmlContent extends LightningElementWithState<{
                 ));
 
         if (anchorEl) {
-            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
-            });
+            anchorEl.scrollIntoView();
 
             this.setState({ internalLinkClicked: false });
         }