Jump to content
GreenSock

ElliotGeno

Bug found with SplitText

Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

While browsing your examples on codepen, I noticed SplitText has an issue with the last character of each word. Looks like it only translates it and doesn't transform its scale or rotation. Keep clicking the animate button and watch those specific characters at the ends.

 

 

Pretty much any character before a space gets messed up.

 

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

Link to comment
Share on other sites

Actually every character with a space after the first line. And the last character of the first line.

Link to comment
Share on other sites

Hello ElliotGeno,

 

I was testing that

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

and i didn't see any issue with the last character of each word.

 

I tested on Windows 7 (PC) on latest Firefox and Chrome.

 

Are you seeing this on an Apple device and/or Apple OS?

 

:)

Link to comment
Share on other sites

Mac OSX on Chrome.

 

If you slow it way way down to like 4 seconds per character, you will see it easier. I will record something to show you.

Link to comment
Share on other sites

Split Text Bug (Requires Flash)
 
It looks like it starts to animated and then about 80% of the way through it snaps to the final transform.
 
Also checked it in Firefox and Safari. Firefox doesn't skew like the others. Safari was the only one that looked correct in my opinion.

Link to comment
Share on other sites

I really have no idea what you're seeing as wrong here. Everything appears exactly as I would expect, and I can't see any sort of jumping/snapping/untransformed characters at all. I'm using Chrome on Win7, but even your example video looks ok to me (besides the lower framerate)...?

 

EDIT: ok I finally understand what you're looking at now. It's really hard to notice in a lot of words but the L in HTML is definitely off. Still, it runs perfect in browsers for me and I'm not a mac guy so I don't have much to add.

 

As a random thought, have you tried removing the 'Asap' webfont?

Link to comment
Share on other sites

It wasn't my example. This is an example that is given on Greensock's website.

 

 

Either way, it's a bug and I reported it. If it gets fixed, that's cool. If not I am not using it... So it doesn't matter to me much! Just thought people would like to know.

Link to comment
Share on other sites

Sorry for the late reply - I tried this in every browser I have, on Mac and Windows and couldn't replicate that problem anywhere. Pretty weird, Elliot. It sure seems like it's not a bug in SplitText, but rather some funky bug in the particular browser or system you're on. I wish I had a better answer. If anyone else can reproduce this, please let me know. 

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.
×