Skip to content

[BUG] Spring animation is broken on Chrome (works on Firefox/Safari) (Mac) #3407

@piotrjoniec

Description

@piotrjoniec

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:

  1. Open the demo URL above.
  2. Move your cursor in a circular motion.
  3. 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)

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions