Update SearchIcons.js

mui · Sep 29, 2024 · 098a40e · 098a40e
1 parent c6cdb93
commit 098a40e
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/docs/data/material/components/material-icons/SearchIcons.js b/docs/data/material/components/material-icons/SearchIcons.js
@@ -160,11 +160,17 @@ function Icon(props) {
   const [isVisible, setIsVisible] = React.useState(false);
 
   React.useEffect(() => {
+    const margin = 200;
     const observer = new IntersectionObserver(
       (entries) => {
-        setIsVisible(entries[0].isIntersecting);
+        // `isIntersecting` is not working correctly on Chrome
+        const clientRect = entries[0].target.getBoundingClientRect();
+        const isIntersecting =
+          clientRect.top < window.innerHeight + margin &&
+          clientRect.bottom > -margin;
+        setIsVisible(isIntersecting);
       },
-      { rootMargin: `200px 0px` },
+      { rootMargin: `${margin}px 0px` },
     );
     observer.observe(rootRef.current);
     return () => {