Is there a reason you cannot use type: inertia on animate()?

[tom2strobl]

The docs suggest that you can use the animate property on a motion element along with a transition of type: inertia, but the animate() function doesn't allow it.

My usecase is a sidescroller where I implemented side-dragging with snapping at the end the inertia transition easily with the beautiful modifyTarget API you guys came up with. Love it! Now on devices with a touchpad I'd like to implement the same with the wheel gesture. I'm using @use-gesture to success although that doesnt matter: I have offset and velocity of the wheel event and I'm ending my wheel animation chain with a final animate() call that snaps to the grid. It works fine using type: 'spring', but if only I could just swap spring with inertia since I have a velocity anyway it would look so much better.

So is there any reason we can't manually cast an inertia animation if velocity and distance are present? Any workarounds?

In any case, thanks for the amazing work!

[tom2strobl]

As suggested by matt perry on discord, it's only the types at https://github.com/framer/motion/blob/main/packages/framer-motion/src/animation/animate.ts#L28 that dont reflect the possibility to use type inertia. Be aware that high values of velocity need to be set, low values like 0.xxx that eg. @use-gesture returns don't really change anything visually since the diff is too small.