Splittext randomly not breaking at <br>

[sirhclluk]

I've been having issues recently using splittext in banners. The issue is the text isn't always breaking at the <br>.  Not so much an issue with Chrome, but still randomly happens. I see the info on this page https://greensock.com/docs/v3/Plugins/SplitText  at Notes & limitations, but maybe you could help me more here.

Is there an issue where I have these placed?

My links to google fonts are pasted just before the end of the </head>

My links to js files are just before the end of the </body>

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/gsap.min.js"></script>
<script src="js/SplitText.min.js"></script>
<script src="js/greensock_Animations.js"></script>

 

Thanks

Chris

See the Pen VwXqajR by sirhclluk (@sirhclluk) on CodePen

[SteveS]

Your example seems to work as intended.

[sirhclluk]

Yes, but this is just an example. Do you see any issues with how it is set up, that could cause the <br> to not work?

[SteveS]

Looks fine as far as I can tell. I find that splitting by words can solve some problems even if you aren't using them for anything.