@salesforcedevs/dx-components 0.43.3-tree-selected-scroll-5 → 0.43.3-tree-selected-scroll-6

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "0.43.3-tree-selected-scroll-5",
+    "version": "0.43.3-tree-selected-scroll-6",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {

package/src/modules/base-elements/sidebarBase/sidebarBase.ts

@@ -21,16 +21,6 @@ export class SidebarBase extends LightningElement {
     private onSelectedItemRendered(event: CustomEvent) {
         event.stopPropagation();
         this.selectedTreeItem = event.detail.element;
-
-        // Implementing debouncing kind of logic here, So that multiple scrolls won't be triggered during multiple renders of selected item
-
-        if (this.timerId) {
-            clearTimeout(this.timerId);
-        }
-        this.timerId = setTimeout(
-            () => this.scrollToSelectedTreeItem(),
-            WAIT_TIME_BEFORE_SCROLL_IN_MS
-        );
     }
 
     /*Scroll to selected tree item */
@@ -44,6 +34,18 @@ export class SidebarBase extends LightningElement {
                 top: scrollHeight,
                 behavior: "smooth"
             });
+            this.selectedTreeItem = null;
         }
     }
+
+    renderedCallback(): void {
+        // Implementing debouncing kind of logic here, So that multiple scrolls won't be triggered during multiple renders of selected item
+        if (this.timerId) {
+            clearTimeout(this.timerId);
+        }
+        this.timerId = setTimeout(
+            () => this.scrollToSelectedTreeItem(),
+            WAIT_TIME_BEFORE_SCROLL_IN_MS
+        );
+    }
 }

package/src/modules/dx/sidebar/sidebar.ts

@@ -145,6 +145,7 @@ export default class Sidebar extends SidebarBase {
     }
 
     renderedCallback() {
+        super.renderedCallback()
         this.initializeSearchScrollPosition();
     }
 

package/src/modules/dx/sidebarOld/sidebarOld.ts

@@ -81,6 +81,10 @@ export default class Sidebar extends SidebarBase {
         this.matchMedia.addEventListener("change", this.onMediaChange);
     }
 
+    renderedCallback(): void {
+        super.renderedCallback();
+    }
+
     disconnectedCallback() {
         this.matchMedia.removeEventListener("change", this.onMediaChange);
     }