delegate on inline SVG with < use > element throws error
|Reported by:||desandro||Owned by:|
With an event delegate on an inline SVG, you can click on the orange circle, which was rendered with <circle> element, but clicking on the red or blue circle throws an error. The red and blue circle are rendered with <use> . The error is
Uncaught TypeError: Cannot call method 'toLowerCase' of undefined jquery-1.7.1.js:2827
About <use>: It allows you to define a shape and re-use it multiple times without having to define it again. http://www.w3.org/TR/SVG/struct.html#UseElement
If I inspect the red or blue circle, I can get its nodeName from the reference element #my-circle.