fix: prevent scroll reveal elements from flashing

2026-09-14 16:31:01 +03:30
parent 125dee22f0
commit 20b1b72dcd
2 changed files with 10 additions and 1 deletions
--- a/src/components/MotionController.tsx
+++ b/src/components/MotionController.tsx
@@ -79,7 +79,8 @@ export const MotionController = () => {
      };
    }

-    const initialRevealBoundary = window.innerHeight * 0.92;
+    // Never hide content that was already painted inside the viewport.
+    const initialRevealBoundary = window.innerHeight;
    elements.forEach((element) => {
      const bounds = element.getBoundingClientRect();
      if (bounds.top <= initialRevealBoundary && bounds.bottom >= 0) {
@@ -105,6 +106,7 @@ export const MotionController = () => {
            {
              duration: 600,
              delay: Math.min(siblingIndex * 50, 250),
+              fill: 'backwards',
              easing: 'cubic-bezier(0.16, 1, 0.3, 1)',
            },
          );