How to stop Firefox by shooting the mouse when the DOM node moves to the DOM?

Question

I am responding to mouseenter events on an SVG path element, creating the path with the last child in my parent. This means that it appears on top of other elements (unfortunately, there is no z index on the SVG material). The problem is that in Firefox this triggers the mouseleave event. This works great in Chrome.

// on mousenter
node.parentNode.appendChild(node)
// this triggers a mouseleave .. if i don't move the node it works

Does anyone know a workaround or other approach?

Answer 1

remove the handler before appendChild and restore it again.