fix: gave the hypertext animation to start when in View (#452)

magicuidesign · Dec 19, 2024 · 6f9781c · 6f9781c
1 parent b084791
commit 6f9781c
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/registry/default/magicui/hyper-text.tsx b/registry/default/magicui/hyper-text.tsx
@@ -78,7 +78,7 @@ export default function HyperText({
           observer.disconnect();
         }
       },
-      { threshold: 0.1 },
+      { threshold: 0.1, rootMargin: "-30% 0px -30% 0px" },
     );
 
     if (elementRef.current) {
@@ -123,7 +123,7 @@ export default function HyperText({
       onMouseEnter={handleAnimationTrigger}
       {...props}
     >
-      <AnimatePresence mode="wait">
+      <AnimatePresence>
         {displayText.map((letter, index) => (
           <motion.span
             key={index}