search

motiondivision / motionone

https://motion.dev
MIT License
2.95k stars 52 forks source link

[Bug] TypeError: Failed to execute 'animate' on 'Element': duration must be non-negative or auto #222

Closed Ladvace closed 1 year ago

Ladvace commented 1 year ago

1. Describe the bug I have a timeline and I'm trying to start an animation along another assigning a name and using it in the at property as below, but when I do that I get the error in that title

     [
        "#inner-column-container",
        { height: ["350%", "100%"] },
        { easing: "ease-in-out", duration: "2.5", name: "initial-scale" },
      ],
      [
        "#animation-container",
        { scale: ["0.1", "1"] },
        { easing: "ease-in-out", at: "initial-scale", duration: "2" },
      ]

error:

[Bug] TypeError: Failed to execute 'animate' on 'Element': duration must be non-negative or auto

2. IMPORTANT: Provide a CodeSandbox reproduction of the bug

Reproducible example

mattgperry commented 1 year ago

Can you reopen with a minimal reproduction? This sandbox is broken for me and just a simple timeline that reproduces this would be helpful.