Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[BUG] Scroll-linked animation easing is broken - regression? #3005

Open
kinglozzer opened this issue Jan 16, 2025 · 2 comments
Open

[BUG] Scroll-linked animation easing is broken - regression? #3005

kinglozzer opened this issue Jan 16, 2025 · 2 comments
Labels
bug Something isn't working

Comments

@kinglozzer
Copy link

These two items should move at different rates:
https://codesandbox.io/p/sandbox/scroll-triggered-animations-forked-h5jwk3

Appears to be a regression in v11.11 as it works in older versions (this is v11.10):
https://codesandbox.io/p/sandbox/scroll-triggered-animations-forked-7l3qwl

@kinglozzer kinglozzer added the bug Something isn't working label Jan 16, 2025
@xdanielc
Copy link

I noticed the same problem, this has been just for a week, so I'm understanding with it not being fixed yet

@xdanielc
Copy link

xdanielc commented Jan 26, 2025

Ok, this is weird, I was using two elements on one animation to keep things more concise, I used your code and it worked, but then if you comment one (.one) element in the html, the element with the easing defaults to linear as far as I can tell.

I'm importing the more updated 12 version and motion, not framer-motion (althought both seem to exist)

https://codesandbox.io/p/sandbox/scroll-triggered-animations-forked-3ngrqh

Also I noticed that using x: [400, 0] instead of transform: ["translateX(400px)", "none"] makes the animation ease come back to linear as well, despite having the workaround of one invisible element.
I wonder how easy it will be to fix this given all unpredictable behaviour.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants