GSAP 3.0.x wrong left/top value

[KIDS interactive]

Hey guys!
I have one case where the left and top value are setted false in my project. I tried to reproduce it in codepen but i couldn't.

 

gsap.set(rotateScaleHandle, {
   top: '50%',
   left: '50%'
});

This code set's the top and left value to 0%

Values without units or with 'px' are setted correctly.

Is there a case where gsap resets the percentage-values to zero ?

PS: I'll give it a try on codepen again

[ZachSaucier]

Hey KIDS interactive and welcome to the GreenSock forums! Thanks for being a Club GreenSock member. We couldn't do what we do without people like you.

 

3 hours ago, KIDS interactive said:

Is there a case where gsap resets the percentage-values to zero ?

The only case where it should do that is if the unit on which the percentage is based is also 0. If there's a bug with GSAP we want to know and get it fixed. However it's hard to tell from this much information if there actually is a bug or not.

 

Can you provide a non-CodePen demo for us to take a look at that reproduces the issue? The more minimal the better. 

[KIDS interactive]

See the Pen mdyRNJN by MaqsYo (@MaqsYo) on CodePen

 

So here we have a codepen ? 
Your information helped a lot to reproduce it.

If you inspect the blue bubble it has left 0% and top 0%.

I found out, that the outline doesn't have a width and height at this moment. If it has before im setting left and top everything is okay.

[mikel]

Hey @KIDS interactive,

 

The changed order of the tweens should not affect the result. This is a topic for the experts.

 

See the Pen bGNqGmN by mikeK (@mikeK) on CodePen

[ZachSaucier]

Thanks for the minimal demo! That helps a lot.

 

It does seem like a bug related to the positioning of the parent @GreenSock. Removing the parent's position: absolute (so that it's static instead) centers it in both cases that Mikel posted:

See the Pen MWYpaaw?editors=0100 by GreenSock (@GreenSock) on CodePen

[KIDS interactive]

Yeah that works but isn't possible in my use-case. So hopefully a absolute-parent will be possible soon
Thanks for your effort!

[GreenSock]

Good catch! Yes, this had to do with a rare case related to unit conversion when it starts at 0 (it had nothing to do with position: absolute - it just looked that way in your demo because that's what caused things to collapse to 0). it should be resolved in the next release which you can preview at https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/gsap-latest-beta.min.js