Mouseleave does not work when moving the mouse slowly

Question

If you place the mouse listener on a div at the very top of the page, it will not start in Chrome if you slowly move the mouse from the top of the page (but it works if you do it quickly), The same thing if you listen to an event on the document or body. Works great in Firefox.

You can see the problem in this code . Uncomment the CSS addition to see my current workaround.

Any thoughts on why this is? Perhaps a Webkit error? Any other workarounds?

Update: this is not related to jQuery - I reproduced the problem using the native mouseleave JavaScript event in Chrome.

Update: filed a problem with chrome: mouseleave does not start when the mouse moves slowly

Answer 1

The codec page in full mode works fine for me, the counter also increases with slow movements. I tested it on Windows 7 with Chrome 31.0.