Scrambletext length wrong (svg)

[vektor 12 Likes (Newbie)]

Hi, 

 

I have a small issue with the Scrambletext plugin using the wrong lengths for the text ( in an SVG )

 

Most of the strings start scrambling with too many characters, it also still happens if I define the 'text' parameter 

 

Can't work out why? Is there a workaround to force a specific length?

 

Thought it may be to do with the tspans, but I experimented with removing some and it didn't seem to make a difference

 

?

 

 

See the Pen jvZoqm?editors=1011 by bananafarma00 (@bananafarma00) on CodePen

[Dipscom 3,366 Likes (Superhero)]

Interesting, I can see the issue you are reporting and can't really think of what is causing this. Maybe @GreenSock himself can shed some light. It could be how text behaves in SVG, it's not quite the same as in the DOM.

 

Hang tight and we'll look into the matter.

[vektor 12 Likes (Newbie)]

Cool 

 

Did some more tests, removed the tweens from the loop in case that was causing an issue. Also tried removing tspans, still the same result ( codepen below )

 

See the Pen yxKNdq?editors=1011 by bananafarma00 (@bananafarma00) on CodePen

 

[GreenSock 18,585 Likes (Superhero)]

That's actually a bit of an illusion due to the fact that there are white space characters at the start and end of the strings. I just updated the codepen-only version of ScrambleTextPlugin so that it trims those by default (you can set trim:false if you DON'T want that behavior) - please clear your cache and give that a shot. Better? 

[vektor 12 Likes (Newbie)]

Aha!

 

Yes fixed thanks

 

How can I get this updated non codepen only version?

[GreenSock 18,585 Likes (Superhero)]

The new version is in the official downloads now, so just log into your account and snag it. 

[vektor 12 Likes (Newbie)]

??????