-
-
Notifications
You must be signed in to change notification settings - Fork 1.1k
Description
1. Read the FAQs 👇
2. Describe the bug
Spring-based animations behave incorrectly in Chrome. When using a spring to follow the cursor with mousemove events, the animation does not respond with the expected spring-physics behavior. In Firefox and Safari, the motion is smooth, stable, and physically consistent; in Chrome, it becomes restricted and sometimes visually glitches.
3. IMPORTANT: Provide a CodeSandbox reproduction of the bug
https://examples.motion.dev/react/follow-pointer-with-spring
4. Steps to reproduce
Steps to reproduce the behavior:
- Open the demo URL above.
- Move your cursor in a circular motion.
- Compare the animation behavior in Chrome vs Firefox/Safari.
5. Expected behavior
On Chrome, the pink ball should follow the cursor with the same smooth, elastic, spring-physics motion seen in Firefox and Safari - allowing it to freely orbit the cursor without resistance or glitching.
6. Video or screenshots
Firefox test (correct)
The pink ball follows the cursor smoothly and can orbit it without issue:
spring-firefox.mov
Chrome test (fail)
The ball resists orbiting the cursor, feels “stuck”, and occasionally glitches:
spring-chrome.mov
7. Environment details
MacOS 26.1
Google Chrome | 142.0.7444.162 (Official Build) (arm64)
Firefox 146.0b3 (aarch64)