[Does gsap.to(...) animate from the current value or resets it before animating?]

I got animation like in the video attached that is triggered via the code below:

// tab is the html div object of the clicked tab button
// blue line is the html div object of the line below the buttons
gsap.to(
      blueLine,
      {
         duration: 0.5,
         left: tab.offsetLeft,
         width: tab.offsetWidth,
         overwrite: false,
         lazy: false
      }
)

As you can see on the video it looks like gsap is resetting the "left" property to 0 and animates it from there.

Is there a way to not reset the value and instead animate from the current property value?

I couldn't find anything about it in the docs or forum.

[Can't deploy to Vercel - 403 Forbidden Error]

@Cassie 

I've managed to get it working.

Changed package manager from yarn to npm.

 

[Can't deploy to Vercel - 403 Forbidden Error]

I'm trying to deploy my app to vercel. I tried with these two tutorials:

https://vercel.com/guides/using-private-dependencies-with-vercel

https://blog.privjs.com/article/how-to-install-club-greensock-packages-on-vercel

 

I keep getting error like below:

error An unexpected error occurred: "https://npm.greensock.com/@gsap%2fshockingly/-/shockingly-3.11.4.tgz: Request failed \"403 Forbidden\"".

 

To summarize what I did:

1. Installed gsap shockingly package with command below:

npm install gsap@npm:@gsap/shockingly

2. Created ".npmrc" file in the root dir of my project with content like below:

always-auth=true
@gsap:registry=https://npm.greensock.com
//npm.greensock.com/:_authToken=MY-TOKEN-HERE

3. Set up environment variables in the Vercel project using commands below:

vercel env add NPM_RC production < ~/.npmrc
vercel env add NPM_RC preview < ~/.npmrc
vercel env add NPM_RC development < ~/.npmrc

 

4. Verified in Vercel that ENVs are indeed created with correct values

 

5. Initialized deploy.

 

To be clear installing locally works as intended. 

 

Please help