vueuse / motion

๐Ÿคน Vue Composables putting your components in motion
https://motion.vueuse.org
MIT License
2.37k stars 82 forks source link

When I apply the animation, it starts to slow down #146

Closed rtkirill closed 8 months ago

rtkirill commented 1 year ago

Hey there!

I'm attempting to slow down the animation when hovering over a motion element.

Here's my motion instance code:

motionInstance.value = useMotion(motionElement, {
      initial: {
        x: 0,
      },
      enter: {
        x: direction.value * motionElement.value.offsetWidth,
        transition: {
          repeat: Infinity,
          duration: 5000,
          ease: "linear"
        }
      }
})

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.

github-actions[bot] commented 8 months ago

Would you be able to provide a reproduction? ๐Ÿ™

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)
github-actions[bot] commented 8 months ago

This issue was closed because it was open for 7 days without a reproduction.