Skip to content

SVG elements are rendering incorrectly (alpha.38) #4506

@r-park

Description

@r-park

SVG elements inside templates are not visible with alpha.38. From what I can see, the browser is not recognizing the svg element.

Works in alpha.37: http://plnkr.co/edit/GOEp4DSa0Q3HGZGxXVAi
Breaks in alpha.38: http://plnkr.co/edit/thIhnOB9zhzIQeEnmZUA

import {bootstrap, bind, Component, View} from 'angular2/angular2';

@Component({
  selector: 'app-cmp'
})
@View({
  template: `
    <div>
      <svg fill="000000" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
        <path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"></path>
      </svg>
    </div>
  `
})
class App {
  constructor() {}
}

bootstrap(App);

Metadata

Metadata

Assignees

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions