I'm trying to add click events to the SVG Element which has visible overflow & a shape element(circle/path) which overflows the SVG.
On Safari(9,10, 11), click event doesn't work in the area where the shape element(circle/path) overflows & works fine inside the area present within the SVG.
SVG overflowing its 'bounding box' while scaling?
in GSAP
Posted
I'm trying to add click events to the SVG Element which has visible overflow & a shape element(circle/path) which overflows the SVG.
On Safari(9,10, 11), click event doesn't work in the area where the shape element(circle/path) overflows & works fine inside the area present within the SVG.
I've created a jsfiddle to demo this behaviour. Link: http://jsfiddle.net/sriram15690/v722ppfd/11/
Is this also a bug in Safari? The click event works in all browsers including IE.