MouseOut / MouseLeave - Event Triggers on Dropdown-Menu
<p>I got a problem with a mouseout event in FireFox and IE 11. I already tested the function with browserstack on many different setups but it seams the function works perfectly fine in Chrome, Safari, Opera and Edge.</p>

<p>The problem is that the mouseout event triggers when i open a drop-down-menü in FireFox or IE 11 and move the mouse to the first Option. </p>

<p>After some searching i found out that this is a known problem with FireFox but i cant get the script to work like it should be -> only trigger the mouseout event when the user leaves the window (content-part) of the browser.</p>

<p>My Event:</p>

<pre><code>this.addEvent(document, "mouseout", function(e) {
    e = e ? e : window.event;
    var from = e.relatedTarget || e.toElement;
    if (!from || from.nodeName == "HTML") {
        showPopup();
    }
});
</code></pre>

<p>Here is a fiddle: <a href="https://jsfiddle.net/b9b3xwre/" rel="noreferrer">https://jsfiddle.net/b9b3xwre/</a></p>

<p>When you open it you can see that this error also occurs in the browser view of the fiddle.</p>

<p>Did i miss something out in this Event? </p>

<p>any help highly appreciateted.</p>

<p>Edit for the Comment of @Flyer53 regarding mouseleave:</p>

<p>I changed it to:</p>

<pre><code>this.addEvent(document, "mouseleave", function(e) {
    e = e ? e : window.event;
    var from = e.relatedTarget || e.toElement;
    if (!from || from.nodeName == "HTML") {
        bioEp.showPopup();
        console.log("show");
    }
});
</code></pre>

<p>But it doens't trigger in FireFox anymore</p>

<p>New Fiddle with the eventlistener mouseleave from the Answer of zer00ne: <a href="https://jsfiddle.net/wtkfr4h8/1/" rel="noreferrer">https://jsfiddle.net/wtkfr4h8/1/</a></p>