Changing box BG color problem

Hey,
I have a container box within a repeater.
Using $item, I coded it so when you mouseIn on the box of one of the repeated items, the background color of the hovered box changes, an example is attached.
It used to work fine and the color would change immediately when you hover, but for some reason, without me changing anything, the behaviour changed and now the color changes in a slow fade to the other color instead of fast and immediately.
I don’t have any animations applied or whatever…
Any idea on the problem?
Thanks.

$w('#repeater').onItemReady(($item, itemData, index) => {
    $item('#box1').onMouseIn((event) => {
        $item('#box1').style.backgroundColor = "#ffffff";
    })
})

I don’t know but anyway, it’s better not to use repeater.onItemReady for event handlers (especially if you filter/change the data).
You can try:

$w('#box1').onMouseIn(event => {
 const $item = $w.at(event.context); 
 $item('#box1').style.backgroundColor = '#ffffff';
})

wow i didn’t know you could do that! i’ll definitely give it a shot, thanks!

that indeed also works, but still it does it in a fade for some reason, so frustrating…

Sorry for the late reply and for not having a solution.