I use motionInstance.value.stop() when the @mouseenter event is triggered and motionInstance.value.apply("enter") when the @mouseleave event is called.
However, each time I hover over the element, the apply method slows down the animation more and more.
More info
### Why do I need to provide a reproduction?
Reproductions make it possible for us to triage and fix issues quickly with a relatively small team. It helps us discover the source of the problem, and also can reveal assumptions you or we might be making.
### What will happen?
If you've provided a reproduction, we'll remove the label and try to reproduce the issue. If we can, we'll mark it as a bug and prioritize it based on its severity and how many people we think it might affect.
If `needs reproduction` labeled issues don't receive any substantial activity (e.g., new comments featuring a reproduction link), we'll close them. That's not because we don't care! At any point, feel free to comment with a reproduction and we'll reopen it.
### How can I create a reproduction?
A link to a stackblitz project or public GitHub repository would be perfect. ๐
Please ensure that the reproduction is as **minimal** as possible.
You might also find these other articles interesting and/or helpful:
- [The Importance of Reproductions](https://antfu.me/posts/why-reproductions-are-required)
- [How to Generate a Minimal, Complete, and Verifiable Example](https://stackoverflow.com/help/minimal-reproducible-example)
Hey there!
I'm attempting to slow down the animation when hovering over a motion element.
Here's my motion instance code:
I use
motionInstance.value.stop()
when the @mouseenter event is triggered andmotionInstance.value.apply("enter")
when the @mouseleave event is called.However, each time I hover over the element, the apply method slows down the animation more and more.