fix: fixing the morphing text to work on firefox too (#469)

magicuidesign · Dec 27, 2024 · a780bf2 · a780bf2
1 parent 131573f
commit a780bf2
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/registry/default/magicui/morphing-text.tsx b/registry/default/magicui/morphing-text.tsx
@@ -110,7 +110,11 @@ const Texts: React.FC<Pick<MorphingTextProps, "texts">> = ({ texts }) => {
 };
 
 const SvgFilters: React.FC = () => (
-  <svg id="filters" className="hidden" preserveAspectRatio="xMidYMid slice">
+  <svg
+    id="filters"
+    className="fixed h-0 w-0"
+    preserveAspectRatio="xMidYMid slice"
+  >
     <defs>
       <filter id="threshold">
         <feColorMatrix