Jump to content
Search Community

Next.js GSAP SplitText Line Break Issue

Deallie_Digital test
Moderator Tag

Recommended Posts

  • Deallie_Digital changed the title to Next.js GSAP SplitText Line Break Issue

Hi,

 

I think that the issue could lie in the way you're setting up your code in your index.tsx file. As you can see this is exactly your HTML/CSS with an oversimplified JS and it seems to work on every screen size I tested from 1000px to 1920px width:

See the Pen GRBdwGZ by GreenSock (@GreenSock) on CodePen

 

In your sandbox example one of the widths where I see the issue is when the browser is around 1190px width. If you set the width of the result window in the codepen example close to that value you won't see the issue. Based on the codepen example is clear to me that GSAP is doing exactly what is supposed to and that this most likely stems from something else in your setup.

 

My recommendation would be to simplify your code in the isomorphic effect as much as possible in order to see where this actually breaks.

Happy Tweening!

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...