Found a strange behaviour of button-background color.
All i wanted to achieve is to let the button change it’s color onMouseIn(), but the color do not change on mouse in, instead the color changes when you leave the button —> onMouseOut().
Opacity of border & button was set to 100% .
What’s the problem?
This was the used very simple code…
export function button560_mouseIn(event) {
$w('#button560').style.backgroundColor="red"
}
Instead of taking the color from CODE, it takes the predifined color of the wix-UI-settings.
Why?
If you move over it and stay on it it wil turn red when on it.
it has a delay.
so i gues there is the problem.
if i do it and stay on it it turns red.
Ok, i will check it later. How long is the mentioned delay? 5secs?
That can’t be the right way. It hast to be fixed!
A mouseIn with such an delay, thats no longer the right button-behaviour.
Was it always like that? Did this delay already exists for a longer period of time?
I mever tried it before so i don’t know how long it whas before
@volkaertskristof I tested it with my button, and the behaviour is not the same as you described.
When i hover over the button (which should get —> “red” on hovering), instead nothing happens and the color of the predefined “wix-UI” is shown.
I can even hold on it 20min. and the color do not change, like it should do on → onMouseIn().
Here the example… https://www.media-junkie.com/blank-2
$w.onReady(function () { });
export function myButton_mouseIn(event) {$w('#myButton').style.backgroundColor="red"}
Who can give some light into the dark here ?
Or is it just working wrong for me ?
What i see is —> onMouseIn → color = NOT-RED !
Even if you hold 24-hours, nothing happens.
The color changes first time —> onMouseOut → RED!