From c08fa02c2902ad05f7b5a669048131e6226b8e0b Mon Sep 17 00:00:00 2001 From: "Janus C. H. Knudsen" Date: Tue, 23 Sep 2025 16:30:30 +0200 Subject: [PATCH] Disables fill: forwards for spacer height animation Removes the `fill: 'forwards'` property to ensure CSS `calc()` takes over the header spacer's height after the animation concludes. --- src/managers/AllDayManager.ts | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/managers/AllDayManager.ts b/src/managers/AllDayManager.ts index 474437a..bb61afe 100644 --- a/src/managers/AllDayManager.ts +++ b/src/managers/AllDayManager.ts @@ -231,7 +231,7 @@ export class AllDayManager { }) ]; - // Add spacer animation if spacer exists + // Add spacer animation if spacer exists, but don't use fill: 'forwards' if (headerSpacer) { const root = document.documentElement; const currentSpacerHeight = parseInt(getComputedStyle(root).getPropertyValue('--header-height')) + currentHeight; @@ -243,8 +243,8 @@ export class AllDayManager { { height: `${targetSpacerHeight}px` } ], { duration: 150, - easing: 'ease-out', - fill: 'forwards' + easing: 'ease-out' + // No fill: 'forwards' - let CSS calc() take over after animation }) ); }