@salesforcedevs/docs-components 1.3.345-refactor-tab-alpha1 → 1.3.345-refactor-tab-alpha2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "1.3.345-refactor-tab-alpha1",
+    "version": "1.3.345-refactor-tab-alpha2",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",

package/src/modules/doc/lwcContentLayout/lwcContentLayout.ts

@@ -143,6 +143,20 @@ export default class LwcContentLayout extends ContentLayout {
     }
 
     renderedCallback(): void {
+        /**
+         * Note: We are adding timeout because chrome is optimizing and not triggering recent renderedCallback though elements reference is changed
+         * Also we are considering recent renderedCallback
+         */
+        this.clearRenderObserverTimer();
+        this.observerTimerId = setTimeout(
+            this.attachInteractionObserver,
+            OBSERVER_ATTACH_WAIT_TIME
+        );
+
+        this.adjustNavPosition();
+        window.addEventListener("scroll", this.adjustNavPosition);
+        window.addEventListener("resize", this.adjustNavPosition);
+
         if (!this.hasRendered) {
             this.hasRendered = true;
             this.setRNBByTab();
@@ -162,6 +176,14 @@ export default class LwcContentLayout extends ContentLayout {
     }
 
     disconnectedCallback(): void {
+        this.disconnectObserver();
+        window.removeEventListener(
+            "highlightedtermchange",
+            this.updateHighlighted
+        );
+        window.removeEventListener("scroll", this.adjustNavPosition);
+        window.removeEventListener("resize", this.adjustNavPosition);
+
         if (this.showTabBasedRNB) {
             window.removeEventListener("tabchanged", this.onTabChanged);
             window.removeEventListener(
@@ -173,6 +195,10 @@ export default class LwcContentLayout extends ContentLayout {
             );
             window.removeEventListener("popstate", this.handlePopState);
         }
+        this.searchSyncer.dispose();
+        this.clearRenderObserverTimer();
+
+        window.clearInterval(this._scrollInterval);
     }
 
     attachInteractionObserver = (): void => {