From 351a1a2f70e5d89dc09fea942915ab6f387ac16c Mon Sep 17 00:00:00 2001
From: gbanyan <gbanyan.huang@gmail.com>
Date: Tue, 18 Nov 2025 23:04:02 +0800
Subject: [PATCH] Loosen scroll reveal trigger for mobile

---
 components/scroll-reveal.tsx | 25 ++++++++++++++++++++-----
 1 file changed, 20 insertions(+), 5 deletions(-)

diff --git a/components/scroll-reveal.tsx b/components/scroll-reveal.tsx
index 15fe8ff..f1bc181 100644
--- a/components/scroll-reveal.tsx
+++ b/components/scroll-reveal.tsx
@@ -21,24 +21,40 @@ export function ScrollReveal({
     const el = ref.current;
     if (!el) return;
 
+    if (!('IntersectionObserver' in window)) {
+      setVisible(true);
+      return;
+    }
+
+    let cancelled = false;
     const observer = new IntersectionObserver(
       (entries) => {
         entries.forEach((entry) => {
           if (entry.isIntersecting) {
-            setVisible(true);
+            if (!cancelled) setVisible(true);
             if (once) observer.unobserve(entry.target);
           } else if (!once) {
-            setVisible(false);
+            if (!cancelled) setVisible(false);
           }
         });
       },
       {
-        threshold: 0.15
+        threshold: 0.05,
+        rootMargin: '0px 0px -20% 0px'
       }
     );
 
     observer.observe(el);
-    return () => observer.disconnect();
+
+    const fallback = window.setTimeout(() => {
+      if (!cancelled) setVisible(true);
+    }, 500);
+
+    return () => {
+      cancelled = true;
+      observer.disconnect();
+      window.clearTimeout(fallback);
+    };
   }, [once]);
 
   return (
@@ -56,4 +72,3 @@ export function ScrollReveal({
     </div>
   );
 }
-