fix: improve useInViewObserver hook to trigger when observer is alrea…

…dy in view on mount
calcom · Jan 2, 2025 · 62010e3 · 62010e3
1 parent fec5044
commit 62010e3
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/lib/hooks/useInViewObserver.ts b/packages/lib/hooks/useInViewObserver.ts
@@ -14,6 +14,11 @@ export const useInViewObserver = (onInViewCallback: () => void, root?: Element |
       return;
     }
 
+    if (node && node.getBoundingClientRect().top < window.innerHeight) {
+      // Trigger callback immediately if element is already in view on mount
+      onInViewCallback();
+    }
+
     let observer: IntersectionObserver;
     if (node && node.parentElement) {
       observer = new IntersectionObserver(
@@ -35,7 +40,7 @@ export const useInViewObserver = (onInViewCallback: () => void, root?: Element |
         observer.disconnect();
       }
     };
-  }, [node]);
+  }, [onInViewCallback, node]);
 
   return {
     ref: setRef,