ng-attr-class and class attributes don't interpolate in SVG elements (v1.2.0rc1)

[alexandrosm]

This worked in 1.1.5 but not in 1.2.0rc1

So, this works: http://plnkr.co/edit/mYTOyhhGIbbafjtyyk9z?p=preview
whereas this doesnt: http://plnkr.co/edit/b74nUKpU2WLdU50738ms?p=preview

[alexandrosm]

Git bisect says this test case broke with commit f2dfa89

will investigate further and update here

[jafp]

Class is read-only on SVG elements.
http://www.w3.org/TR/SVG/types.html#__svg__SVGStylable__className

[alexandrosm]

Thanks for the input jafp.

I'm not sure I understand though. Are you saying this was changed on purpose to comply with the standard? The commit doesn't mention anything to this effect.

Chrome doesn't have an issue with editing class attributes on SVG elements (which is why 1.1.5 works).

But even so, the second approach of putting the data in ng-attr-class should have worked, since the class attribute is written only once.

[aziz]

This is pretty annoying. downgraded to 1.1.5 for now. Could someone from angular team clarify this issue, please?

[alexandrosm]

current snapshot still doesn't work
http://plnkr.co/edit/p4cPlEfkMPTDUFIX8fP9?p=preview

[sadams]

Not sure if this is the same issue or if i should open another one, but there seems to be a few bugs around interpolating inside attributes for specific html element. e.g. works but <iframe> (and ) don't:
http://plnkr.co/edit/1pks1yE52lMZxy4kbB4I?p=preview

[petebacondarwin]

Have a look at this PR. It may well fix your problems: #4129

[alexandrosm]

It's easy to test the plunks above as soon as the pull is merged. Fingers crossed

[sadams]

New issue opened (#4152) in case #4129 fixes SVG only.

[btford]

You could try this build from #4129: http://ci.angularjs.org/job/angular.js-brian/45/artifact/build/angular.js

Here's a plunker: http://plnkr.co/edit/5x24E2aMoZRPkquXYuKX?p=preview

The problem will be fixed by my PR. Closing as a duplicate of #4129.