Problema MouseOver MouseOut en Safari/Chrome

Question

Esto es extraño, estoy sorprendido de que nunca lo haya notado. Funciona así, si el mouse está quieto y un div se mueve programáticamente debajo del mouse, un evento mouseover no se activará en chrome/safari, lo mismo ocurre con mouseout. Por supuesto, si mueve el mouse ligeramente una vez que div se haya movido debajo del mouse, funcionará como se esperaba.

Creé demo on jsFiddle. Simplemente deja que el div oscile debajo del mouse, funciona bien en firefox, no en Chrome o Safari, aún no se ha probado en ie.

Me estoy inclinando hacia esta solución ... básicamente rodar mi propia MouseEnter y MouseLeave eventos usando la siguiente:

if (mouseX > divLeft && mouseX < divRight && 
    mouseY > divTop && mouseY < divBottom){ 
    // mouse is inside div 
} 

digo MouseEnter y dejar ya que este método no tendría ningún burbujeo

Me preguntaba si alguien más tenía pensamientos sobre esto ... Tengo la sensación de que hay una manera fácil de solucionarlo, pero hasta ahora Google no ha revelado nada.

Answer 1

https://bugs.webkit.org/show_bug.cgi?id=4117

Usted puede encontrar este error interesante.