No site há um popup que no caso só deve aparecer quando a pessoa tirar o mouse da área do site. Mas estava aparecendo ao clicar em um button que
jQuery('body').mouseleave(function() {
if (!jQuery('body').hasClass('leave-on') && localStorage.getItem("leave") != "closed") {
jQuery('body').addClass('leave-on');
}
});
Então aqui no próprio stackoverflow me ajudaram a resolver Neste tópico
Mas então me deparei com um novo problema que ainda ocorre com as mesmas imagens ou botões svg. Porém agora só acontece no Firefox, e ao passar o mouse em cima de tal SVG o mouseleave já é disparado, mas no Chrome não.
Exemplo de código de um SVG que acontece o problema:
<svg class="icon-blog"> <use xlink:href="#blog"></use> </svg>
No java script há também isso, que não sei se pode estar causando o problema também:
var setInnerHTML = createMicrosoftUnsafeLocalFunction(function (node, html) {
// IE does not have innerHTML for SVG nodes, so instead we inject the
// new markup in a temp node and then move the child nodes across into
// the target node
if (node.namespaceURI === DOMNamespaces.svg && !('innerHTML' in node)) {
reusableSVGContainer = reusableSVGContainer ||
document.createElement('div');
reusableSVGContainer.innerHTML = '<svg>' + html + '</svg>';
var svgNode = reusableSVGContainer.firstChild;
while (svgNode.firstChild) {
node.appendChild(svgNode.firstChild);
}
} else {
node.innerHTML = html;
}
});