mouseenter/mouseleave events not firing for SVG elements using jQuery.on
internet-explorer-9, jquery, mouseevent, raphael, svg
Solution
This is a bug in 1.7.2. See ticket.
Problem goes away if I use jQuery (edge) so should be fixed in the next scheduled release (1.8).
Problem
Have a look at this jsFiddle The `mouseenter`/`mouseleave` don't appear to be firing correctly when using jQuery in conjuction with SVG (Raphael 2.0). I know out of the box SVG jQuery isn't 100% compatible with SVG, however, as far as I can see it only seems to effect IE9. The weird thing is if you rapidly move your mouse on/off the svg element (making sure you come right off the HTML pane in doing so) and back onto it the events do fire (but not everytime). Just to make sure it wasn't a general problem with `on` I hooked up the `click` event which works fine, everytime. Just wondering if anyone knows if this is a bug or even a known issue?