From f20b8a47fac4b8c2e62c16fe3a2c6f02358cc420 Mon Sep 17 00:00:00 2001 From: "Janus C. H. Knudsen" Date: Mon, 15 Dec 2025 20:02:38 +0100 Subject: [PATCH] Syncs header drawer scroll with calendar header Adds horizontal scrolling synchronization for header drawer Ensures consistent horizontal scroll positioning for header components --- src/v2/core/ScrollManager.ts | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/v2/core/ScrollManager.ts b/src/v2/core/ScrollManager.ts index c877d81..bb4f490 100644 --- a/src/v2/core/ScrollManager.ts +++ b/src/v2/core/ScrollManager.ts @@ -2,6 +2,7 @@ export class ScrollManager { private scrollableContent!: HTMLElement; private timeAxisContent!: HTMLElement; private calendarHeader!: HTMLElement; + private headerDrawer!: HTMLElement; private headerViewport!: HTMLElement; private headerSpacer!: HTMLElement; private resizeObserver!: ResizeObserver; @@ -10,6 +11,7 @@ export class ScrollManager { this.scrollableContent = container.querySelector('swp-scrollable-content')!; this.timeAxisContent = container.querySelector('swp-time-axis-content')!; this.calendarHeader = container.querySelector('swp-calendar-header')!; + this.headerDrawer = container.querySelector('swp-header-drawer')!; this.headerViewport = container.querySelector('swp-header-viewport')!; this.headerSpacer = container.querySelector('swp-header-spacer')!; @@ -33,7 +35,8 @@ export class ScrollManager { // Synkroniser time-axis vertikalt this.timeAxisContent.style.transform = `translateY(-${scrollTop}px)`; - // Synkroniser header horisontalt + // Synkroniser header og drawer horisontalt this.calendarHeader.style.transform = `translateX(-${scrollLeft}px)`; + this.headerDrawer.style.transform = `translateX(-${scrollLeft}px)`; } }