Merge pull request #2037 from framer/fix/duration-zero

Fixing `duration: 0` animations
motiondivision · Mar 21, 2023 · e14ecc3 · e14ecc3
2 parents 7f85448 + d3d1bb0
commit e14ecc3
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/packages/framer-motion/src/animation/animators/js/__tests__/animate.test.ts b/packages/framer-motion/src/animation/animators/js/__tests__/animate.test.ts
@@ -1231,4 +1231,15 @@ describe("animate", () => {
 
         expect(output).toEqual([0, 20, 40, 20, 0])
     })
+
+    test("Correctly ends animations with duration: 0", async () => {
+        const animation = animateValue({
+            keyframes: [0, 100],
+            driver: syncDriver(20),
+            duration: 0,
+            ease: linear,
+        })
+
+        await animation
+    })
 })
diff --git a/packages/framer-motion/src/animation/animators/js/index.ts b/packages/framer-motion/src/animation/animators/js/index.ts
@@ -142,7 +142,7 @@ export function animateValue<V = number>({
     let resolvedDuration = Infinity
     let totalDuration = Infinity
 
-    if (calculatedDuration) {
+    if (calculatedDuration !== null) {
         resolvedDuration = calculatedDuration + repeatDelay
         totalDuration = resolvedDuration * (repeat + 1) - repeatDelay
     }