IPad/Safari/Chrome onInput event problem

Ask the community
,
9

@ahmadnasriya And one more question about CrossBrowser please.

I have a container2 which contain all repeater item’s elements inside and a box1 which contain 3 dropdowns . box1 is collapsed onload.

762×348 51.2 KB

I have event handler mouseIn related to container2 . So when I hover container2 box1 with child dropdowns expand() . Another event handler is mouseOut related to container2 as well. The function inside is to collapse box1 . the the last event handler related to box1. The function inside is to expand box1 . I need event handler for box1 because if I don’t have it when I hover a box1 it starts blinking…
Here is the code:

export function container2_mouseIn(event) {
 let $item = $w.at(event.context);
    $item("#box1").expand();
}
export function container2_mouseOut(event) {
 let $item = $w.at(event.context);
    $item("#box1").collapse();
}
export function box1_mouseIn(event) {
 let $item = $w.at(event.context);
    $item("#box1").expand();
}

And that works fine on Chrome and in Safari

But doesn’t in Firefox

So as you can see when I hover Dropdown options box1 collapsed and expanded immediately since I’m still over container2. Does the Firefox think options of dropdown is not a part of dropdown? And why it works normal in the Chrome than… That’s odd. But what can I really do to fix this? I’ve tried a HTML frame which would detect onReady if it is firefox and send the answer back to the wix. And If it’s FireFox export function container2_mouseOut(event) won’t work. But it a bit weird way. Since the site is not really works as needed.

Can you please help with this?

The link on the site