Safari Mobile: pointer-events CSS does not work for SVG content

Question

I am having trouble getting pointer-events CSS to work properly when applied to an SVG element. It does not behave as expected when using the iPad.

I've created a small demo of the problem here:

http://jsfiddle.net/nPFu2/

If anyone has run into this before or has any insight to this, I am super appreciative for the help!

Answer 1

Safari still appears to have this problem with svg pointer events.

They work fine in Webkit and Chrome, so I guess it's just a Safari bug that they haven't yet fixed.

... After some more research, I figured out the confusion. Safari does currently support pointer events on svg elements, but this does not include the svg tag itself.