Problems with negative margin left tween

[sebak]

Hello,

 

I've found a weird problem with gsap.

Basically I have a page similar to:

 

 

<div id="viewport" style="overflow:hidden;">
<div id="scroller" style="width:9000px;">
<ul id="list"><li style="float:left;"></li><li style="float:left;"></li> ... </ul>
</div>
</div>
 

I have some code that calculates a number and the lists margin-left css property should change accordingly, so something like:

 

 

 

TweenLite.to("#list", 0.3, {marginLeft:'+='+$scroll+'px'});
 

Where $scroll is calculated, and can sometimes be negative.

However, when it's negative gsap seems to multiplies the value by 10...

So when the $scroll value is -660, the margin left adjusts -6600.

I currently do a check and if it's negative I use '-=' and the absolute value.

[GreenSock]

What version of the GSAP files are you using? 

[sebak]

VERSION: beta 1.8.4

DATE: 2013-02-13

The one from the jquery plugin page (but I don't use the plugin)

[GreenSock]

Ah, yes, I see exactly what you're talking about. It actually doesn't multiply by 10 (although it acts that way in your scenario) - since it was expecting a "+=" or "-=" prefix and yours had "+=-", the parsing code was thrown off a bit and it was leaving the last part of the number on the suffix. So, for example, if you had "+=-15px", it would use "5px" as the suffix instead of just "px". And if you had "-=20px", the suffix would be "0px". I've remedied that issue for 1.8.5 which should get pushed out in the next few days. Thanks for pointing this out, and sorry about any hassle(s).