@design.estate/dees-wcctools 1.0.99 → 1.0.101

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design.estate/dees-wcctools",
-  "version": "1.0.99",
+  "version": "1.0.101",
   "private": false,
   "description": "A set of web component tools for creating element catalogues, enabling the structured development and documentation of custom elements and pages.",
   "exports": {

package/ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-wcctools',
-  version: '1.0.99',
+  version: '1.0.101',
   description: 'A set of web component tools for creating element catalogues, enabling the structured development and documentation of custom elements and pages.'
 }

package/ts_web/elements/wcc-dashboard.ts

@@ -38,11 +38,9 @@ export class WccDashboard extends DeesElement {
   @property()
   public warning: string = null;
   
-  @property()
-  public frameScrollY: number = 0;
-  
-  @property()
-  public sidebarScrollY: number = 0;
+  private frameScrollY: number = 0;
+  private sidebarScrollY: number = 0;
+  private scrollPositionsApplied: boolean = false;
   
   @queryAsync('wcc-frame')
   public wccFrame: Promise<WccFrame>;
@@ -220,8 +218,14 @@ export class WccDashboard extends DeesElement {
   }
   
   private scrollUpdateTimeout: NodeJS.Timeout;
+  private scrollListenersAttached: boolean = false;
   
   public async setupScrollListeners() {
+    // Prevent duplicate listeners
+    if (this.scrollListenersAttached) {
+      return;
+    }
+    
     const wccFrame = await this.wccFrame;
     const wccSidebar = this.shadowRoot.querySelector('wcc-sidebar');
     
@@ -231,6 +235,7 @@ export class WccDashboard extends DeesElement {
         this.frameScrollY = wccFrame.scrollTop;
         this.debouncedScrollUpdate();
       });
+      this.scrollListenersAttached = true;
     }
     
     if (wccSidebar) {
@@ -268,6 +273,11 @@ export class WccDashboard extends DeesElement {
   }
   
   public async applyScrollPositions() {
+    // Only apply scroll positions once to avoid interfering with user scrolling
+    if (this.scrollPositionsApplied) {
+      return;
+    }
+    
     const wccFrame = await this.wccFrame;
     const wccSidebar = this.shadowRoot.querySelector('wcc-sidebar');
     
@@ -280,5 +290,7 @@ export class WccDashboard extends DeesElement {
       // The sidebar element itself is the scrollable container
       wccSidebar.scrollTop = this.sidebarScrollY;
     }
+    
+    this.scrollPositionsApplied = true;
   }
 }