No hover effects on Safari

Ask the community
,
1

Hi there, i just managed to create some hover effects on my footer social buttons however on Safari Mac and ipads not working. My site is https://lucasgariglia.wixsite.com/thebagshop Thanks.

2

How have you written the code in WOX Code editor to make the hovering?

3

I just enter the execute function without the onLoad…

4

Please show code

5

Hi Andreas I am not on my pc at the moment however the code is similar to this : export function button1_onMouseIn(event) {
slide0();
}

export function button1_onMouseOut(event) {
slide1();
}

function slide0() {
$w(‘#group1’).hide();
$w(‘#group2’).show();

}

function slide1() {
$w(‘#group1’).show();
$w(‘#group2’).hide();

}

6

Seem like an old bug maybe in webkit?
https://bugs.webkit.org/show_bug.cgi?id=4117

7

I don’t get it, is it just me?

8

No it seems like it dont work in safari and it does not work on tablets because they dont have mouse in and out events

9

Was working ok last week after i changed the code as the wix code example but today no effects again, what’s the issue then??

10

Hi Luca,
once you are online, please submit the actual code.
we’ll take a look.
thanks

11

export function facebook_onMouseIn(event) {
$w(‘#fgroup’).hide();
$w(‘#fghov’).show();
}

export function facebook_onMouseOut(event) {
$w(‘#fgroup’).show();
$w(‘#fghov’).hide();
}

12

Is it working in any browser?

13

Hi Luca,
I reproduced it on my machine - works on chrome and fails on safari.
I will pass this to our QA and we’ll be in touch.

Thanks!

14

Was this issue ever fixed? Safari is still not playing nice with mouseIn and mouseOut. It works on Chrome and Firefox, but not Safari. Is there any workaround here to get it to work on Safari?