@salesforcedevs/docs-components 1.3.327-rnbtab-alpha → 1.3.327-rnbtab-alpha2

package/package.json

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

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

@@ -97,14 +97,19 @@ export default class ContentLayout extends LightningElement {
     private hasRendered: boolean = false;
     private contentLoaded: boolean = false;
     private sidebarOpen: boolean = false;
+    private rnbByTab: boolean = false;
 
     get shouldDisplayFeedback() {
         return this.contentLoaded && typeof Sprig !== "undefined";
     }
 
-    get showTabBasedRNB() {
+    private setRNBByTab() {
         const tabPanelListItem: any = this.getTabPanelList();
-        return tabPanelListItem?.id === RNB_BY_TAB ? true : false;
+        this.rnbByTab = tabPanelListItem?.id === RNB_BY_TAB ? true : false;
+    }
+
+    get showTabBasedRNB() {
+        return this.rnbByTab;
     }
 
     onTabChanged = () => {
@@ -205,10 +210,6 @@ export default class ContentLayout extends LightningElement {
             );
             this.searchSyncer.init();
         }
-
-        if (this.showTabBasedRNB) {
-            window.addEventListener("tabchanged", this.onTabChanged);
-        }
     }
 
     private getSelectedTabId() {
@@ -264,7 +265,9 @@ export default class ContentLayout extends LightningElement {
 
         if (!this.hasRendered) {
             this.hasRendered = true;
+            this.setRNBByTab();
             if (this.showTabBasedRNB) {
+                window.addEventListener("tabchanged", this.onTabChanged);
                 this.restoreTabSelection();
             }
             this.restoreScroll();