height <section> height doubles when animating

[lko]

As you can see from this gif, for some reason my <section> is doubled (the original one is 100vh and with a bg of light blue), why does it happen? How can I fix it? Because I dont want another 100vh of unused space. Im new to GSAP, so im still learning. In the codepen I made the background of the parent pink to make it see better.

See the Pen LYBOXry by Lko3001 (@Lko3001) on CodePen

[Rodrigo]

Hi @lko and welcome to the GreenSock forums!

 

Actually I can't replicate the behaviour from the gif on codepen. This is a fork of your codepen and the only change I made was to remove the pink background:

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

 

Sorry but I don't see the issue here, the light blue section is always 100vh that doesn't change. Is that how this is supposed to work?

 

Let us know if you have more questions.

 

Happy Tweening!