Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

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

  • 4 replies
  • 11 have this problem
  • 2 views
  • Last reply by longsonr

jakub.oppelt
jakub.oppelt
more options

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

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

Modified by jakub.oppelt

All Replies (4)

dlaliberte
dlaliberte
more options

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.

dlaliberte
dlaliberte
more options

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.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

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.

longsonr
longsonr
more options

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