CSS Transform extended by gsap.set

[themepunch]

Sorry if this question has beed asked earlier and/or if i oversee some basic thing here. 
If you take a look on the example here: 

 

 

You can see that the transform attribute set by css style of the "object" has been extended by the gsap set function
from translate(-50%, -50%)
to  translate(-50%, -50%) translate(50,0) 
 

Is this the way it should work from now on in gsap3x  or it is a bug  ?      

 

Thanks in advance and cheers  !

 

 

See the Pen RwNzbPN by themepunch (@themepunch) on CodePen

[ZachSaucier]

Hey themepunch. This is the intended behavior because GSAP 3 checks for transform values that match exactly -50% and retain those in any tweens that it has. This is because many people expect them to be retained when set in the CSS. We recommend that you set all transforms with GSAP for elements that you're manipulating with GSAP.

 

If you don't want this behavior, just reset xPercent and yPercent (xPercent: 0, yPercent: 0,). 

[themepunch]

Hey Zach ! Thank you. Really appreciate your quick answer. Will update my scripts. Cheers and have a great Thursday evening !