Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
Gabuardi

Height is not being seated well in TimeLine

Recommended Posts

I'm doing an animation to show an order summary, I want first expand the width and then the height to create a fancy effect but seems that height is being seated wrong because in the end of the animation it has an extra height not desired. Help! 

 

Both tweens works well individually but the problem is when I put them together.

 

Expected:

image.png.aa71179b2a1dd369163e119b34d2bd67.png

 

Current:

image.png.e52cf6e8b0364b77899806e098c8bee1.png

See the Pen MWYJMJK by GabuDev (@GabuDev) on CodePen

Link to comment
Share on other sites

Hey Gabuardi and welcome.

 

@GreenSock will need to look into this. It looks like it's getting the end height wrong because of the first tween for some reason. If height is included in the first tween it works fine. If the width tween is removed it works fine. The height is also the correct value before the first tween is ran so the tween is changing the height in a funny way so far:

See the Pen gObmpdv?editors=0010 by GreenSock (@GreenSock) on CodePen

 

Sorry for any trouble that this caused you, Gabuardi! Thanks for bringing it to our attention.

Link to comment
Share on other sites

I don't think this is a bug. When you set the width of the element to a very small value, it causes a reflow of the content, so text wraps for example. That makes the height taller, affecting the ending value of the from() tween. 

 

Am I missing something? 

  • Like 2
Link to comment
Share on other sites

Oh its true, thanks both of you! In the end I didn't use the animation anyways haha.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×