Unable to get value of the property 'nodeName': object is null or undefined

[uriklar]

I'm including svgs using and
Example:

<symbol viewBox="0 0 16 16" id="svg-icon-collapse-arrow"><title>collapse-arrow</title> <path style="fill-rule:evenodd;clip-rule:evenodd;" d="M2.859,5.826l0.818-0.822l4.319,4.348l4.325-4.348l0.818,0.823l-5.145,5.169L2.859,5.826z"/> </symbol>

<svg xmlns="http://www.w3.org/2000/svg" ng-click="someMethod()">
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-icon-collapse-arrow" />
</svg>

And am getting an error (only in IE9):

Unable to get value of the property 'nodeName': object is null or undefined

This error only occurs in v1.3.2. It doesn't even happen in the 1.3 beta versions

[pkozlowski-opensource]

@uriklar if you could put your code in http://plnkr.co/ or similar and provide a live reproduce scenario that would speed up things.

[uriklar]

I added the code in http://plnkr.co/edit/#/IgIC1Hz87SElVAqiNCPM?p=catalogue but as for nowit won't reproduce. But in my app, as soon as I replaced the use with simply injecting the symbol content in the svg tag the problem was solved. Not sure what else in my app is causing the error

[pkozlowski-opensource]

@uriklar yeh, we will need to isolate this one in order to move forward...

[uriklar]

@pkozlowski-opensource Ok, I got the plunkr isolating the issue. Here it is: http://plnkr.co/edit/ej3cqYnqAdCnxiNYvFhz

The issue happens in IE9. Try clicking the svg icons a few times and you'll start getting the error:
Unable to get value of the property 'nodeName': object is null or undefined

[pkozlowski-opensource]

@uriklar thnx, I can reproduce it systematically with the latest SNAPSHOT clicking on the second icon on IE9: http://plnkr.co/edit/yIXDfMdUvmb9XRU9xPTC?p=preview

[uriklar]

Great. let me know if there's something I can do to help

[metamatt]

This also happens in Safari (8 for sure, and probably earlier) and older versions of Chrome (before 37).