SplitText creating multiple nested divs

[Nightshift]

I have some very simple code with SplitText:

 

  document.fonts.ready.then(() => {
    const texts = document.querySelectorAll("[text-animation]");

    if (!texts) return;

    let splitText;

    function runSplit() {
      splitText = new SplitText("[text-animation]", {
        types: "lines",
        linesClass: "line",
      });
    }

    runSplit();
    
  });

 

For some reason, SplitText seems to be creating multiple nested ".line" divs, I've also noticed the same behaviour when using words. The only CSS applied to the text is color and font size.

 

Any idea on why this may be happening?

 

 

[PointC]

You'd want 

type: "lines" 

in the config. You currently have "types" so it looks like SplitText is back to the default of characters, words and lines.

 

Happy tweening.