Custom Mega Menu glitchy on Safari

Ask the community
,
1

Hi all,
I’ve created a custom mega menu for my website and it only seems to be buggy on Safari. It’s working great on Chrome and Firefox. Is there anything I can add to fix this on Safari? In the code I’m using the mouseIn and mouseOut events to display the megamenu.

Here’s what I have in masterPage.js

import wixAnimations from 'wix-animations';

// Company Mega Menu show/hide functionality

export function buttonTest_mouseIn(event) { // Company button mouse in
$w('#megaMenu').show();
}

export function buttonTest_mouseOut(vent) { // Company button mouse out
$w('#megaMenu').hide();
}

export function megaMenu_mouseIn(event) { // Company megamenu mouse in
$w('#megaMenu').show();
}

export function megaMenu_mouseOut(event) { // Company megamenu mouse out
$w('#megaMenu').hide();
}

// Coverage Mega Menu show/hide functionality 

export function coverageMegaMenu_mouseIn(event) { // Coverage button mouse in
    $w('#coverageMegaMenu').show();
}

export function coverageMegaMenu_mouseOut(event) { // Coverage button mouse out
    $w('#coverageMegaMenu').hide();
}

export function coverageMenuButton_mouseIn(event) { // Coverage megamenu mouse in
    $w('#coverageMegaMenu').show();
}

export function coverageMenuButton_mouseOut(event) { // Coverage megamenu mouse out
    $w('#coverageMegaMenu').hide();
}

// Services Mega Menu show / hide functionality 

export function serviceMenuButton_mouseIn(event) { // Services button mouse in
    $w('#servicesMegaMenu').show();
}

export function serviceMenuButton_mouseOut(event) { // Services button mouse out
    $w('#servicesMegaMenu').hide();
}

export function servicesMegaMenu_mouseIn(event) { // Services megamenu mouse out
    $w('#servicesMegaMenu').show();
}

export function servicesMegaMenu_mouseOut(event) { // Services megamenu mouse out
    $w('#servicesMegaMenu').hide();
}

I’ve also included 2 videos, one of the mega menu on Chrome and the other in Safari. Any help is appreciated, thank you!

Chrome - Mega Menu (video link - https://share.cleanshot .com/YXN4kGfc )

Safari - Mega Menu - (video link - https://share.cleanshot .com/l6nTXHJ5 )