ng-show stopped working for SVG elements in 1.2.0rc1

[rbonvall]

In Angular 1.1.5, you can hide SVG elements using ng-show. Example:

It doesn't work anymore in 1.2.0rc1. Example:

Tested on Chrome 25.0.1364.172 Linux x86_64.

[petebacondarwin]

This is a regression. The problem is that our current addClass method is not able to attach classes to SVG rect elements. Before it used to update the rect element's style.

[petebacondarwin]

jqLite.addClass, at this line https://github.com/angular/angular.js/blob/master/src/jqLite.js#L302, is not updating the CSS class information because element.className is an SVGAnimatedString rather than a straight string.

[petebacondarwin]

Notably this doesn't work with jQuery either.

[petebacondarwin]

See http://stackoverflow.com/questions/8638621/jquery-svg-why-cant-i-addclass

[petebacondarwin]

and in particular http://keith-wood.name/svg.html#dom

[petebacondarwin]

As a workaround you can use jQuery 1.7.2 with Keith Woods SVG plugin: http://plnkr.co/edit/AgFXoE?p=preview

[petebacondarwin]

Not sure how much of this we would want to include in jqLite though!