@salesforcedevs/docs-components 1.3.252-dc1-alpha → 1.3.262-scroll-alpha1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "1.3.252-dc1-alpha",
+    "version": "1.3.262-scroll-alpha1",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",

package/src/modules/doc/amfReference/amfReference.css

@@ -1,6 +1,7 @@
 doc-phase {
     --doc-c-phase-top: calc(
-        var(--dx-g-global-header-height) + var(--dx-g-doc-header-height)
+        var(--dx-g-global-header-height) + var(--dx-g-doc-header-height) +
+            var(--dx-g-spacing-xl)
     );
 }
 

package/src/modules/doc/amfTopic/amfTopic.ts

@@ -10,8 +10,6 @@ import {
 import type { TopicModel } from "./types";
 import { Json } from "typings/custom";
 
-const TABLE_SIZE_MATCH = "769px";
-
 export default class AmfTopic extends LightningElement {
     private _model: TopicModel | undefined;
     private amf: Json;
@@ -88,21 +86,7 @@ export default class AmfTopic extends LightningElement {
         }
         container?.appendChild(element as Node);
 
-        this.scrollToTop(container);
-    }
-
-    scrollToTop(container: Element) {
-        const isTabletOrDesktop = window.matchMedia(
-            `(min-width: ${TABLE_SIZE_MATCH})`
-        ).matches;
-
-        // We need to scroll to top from the tablet size as side nav bar and content in side by side from tablet size
-        if (isTabletOrDesktop) {
-            // Sync with the browser to account for any reflows that may have happened
-            requestAnimationFrame(() => {
-                container?.scrollIntoView(true);
-            });
-        }
+        window.scrollTo(0, 0);
     }
 
     renderedCallback(): void {