Unwanted hover effects

Describe the bug I’m creating a normal translate effect that should move my imgs when scrolling. However whenever I hover over the container the translate effect start running while it still works when scrolling but why is there anything happening on hover?

To Reproduce Steps to reproduce the behavior:

<template>
    <div class="max-w-[40%]">
        <kinesis-container
            event="scroll"
            class="flex flex-row items-center justify-center self-center justify-self-center"
        >
            <kinesis-element class="self-start" :originY="60" :strength="120">
                <img src="/images/iblog.png" alt="" />
            </kinesis-element>

            <div><img src="/images/isaidcodenoi.png" alt="" /></div>

            <kinesis-element
                class="self-end"
                type="translate"
                :originY="60"
                :strength="120"
            >
                <img src="/images/exblog.png" alt="" />
            </kinesis-element>
        </kinesis-container>
    </div>
</template>

Expected behavior Nothing should be happening unless I scroll. but the issue is that when i hover over the container things starts to move

Screenshots Here’s a gif to show that effects activated on hover while it should be only on scroll

[Aminerman]

Thanks for letting me know about this. I’ll give it a look and come back to you.

[MooseSaeed]

@aminerman Any updates?