cancel
Showing results for 
Search instead for 
Did you mean: 

Mouse events do not occur when clip-path (SVG) property is set

Highlighted
New Contributor

Mouse events do not occur when clip-path (SVG) property is set

Hi,

I think i have found bug in Firefox 17:

If SVG shape has set clip-path property mouse events do not occur / fire. It happens only for Firefox 17 (Windows and Mac) Following code works in Firefox 16, Chrome IE9.

See: More system details for code

Thanks for any help

4 REPLIES
New Contributor

Re: Mouse events do not occur when clip-path (SVG) property is set

I don't know your particular case, but I learned that my problem was due to the presence of the 'base' tag. Making the clip-path attribute use a full URL, with #sufffix, resolves the problem. However, this breaks for IE9, so people would have to do it conditionally.

New Contributor

Re: Mouse events do not occur when clip-path (SVG) property is set

And another condition is that this problem doesn't apply to all svg elements, at least not 'circle's. It does apply to 'rect's.

Site Moderator

Re: Mouse events do not occur when clip-path (SVG) property is set

A good place to ask advice about web development is at the MozillaZine "Web Development/Standards Evangelism" forum.

The helpers at that forum are more knowledgeable about web development issues.
You need to register at the MozillaZine forum site in order to post at that forum.

New Contributor

Re: Mouse events do not occur when clip-path (SVG) property is set

Works in Firefox trunk (21) and although I haven't tested it I think this is fixed in Firefox 19.