Can *you* get SVG on mobile browser accept mouse/touch events? I can't

Question

I display an HTML, with an embedded SVG. I want it to detect mouse events, but it isn\'t working on the mobile (Android Jellybean). It works fine for a desktop browser.

Answer 1

I had that problem and it turns out the iPad considers the opacity of an object for its hit-test function, so if you have something with fill:none it won't register an event.

I successfully tested a path with this style:

.st5 {fill:none;fill-opacity:0.01;stroke:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:0.72}

and two event handlers placed on the tag containing the path:

   ...path here with style .st5 

the load(id) function is stored in an external JS file.

Another catch is that the SVG has to be placed directly inside the HTML dom and not referenced as an , the latter causes security exceptions