Check if children are wrapped only when there is on child

mediamonks · Oct 20, 2023 · 9dff8a4 · 9dff8a4
1 parent 2dca619
commit 9dff8a4
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/packages/react-animation/src/SplitTextWrapper/SplitTextWrapper.tsx b/packages/react-animation/src/SplitTextWrapper/SplitTextWrapper.tsx
@@ -53,10 +53,14 @@ export const SplitTextWrapper: SplitTextWrapperComponent = ensuredForwardRef(
         return;
       }
 
+      /**
+       * Detecting the if firstChild is an element only if there is only one child
+       */
       const content =
-        element.firstChild?.nodeType === Node.ELEMENT_NODE
-          ? element.querySelector((element.firstChild as HTMLElement).tagName.toLowerCase())
+        element.children.length === 1 && element.firstChild?.nodeType === Node.ELEMENT_NODE
+          ? (element.firstChild as HTMLElement)
           : element;
+
       ref.current = new SplitText(content, variables);
     };