fix(browser_adapter): HTMLStyleElement.innerText does not trigger creation of CSS rules (Firefox)

marclaval · marclaval · commit b2a24e021f40 · 2015-05-22T13:32:07.000+02:00
diff --git a/modules/angular2/src/dom/browser_adapter.ts b/modules/angular2/src/dom/browser_adapter.ts
@@ -192,8 +192,8 @@ createScriptTag(attrName: string, attrValue: string, doc = document): HTMLScript
   return el;
 }
 createStyleElement(css: string, doc = document): HTMLStyleElement {
-  var style = <HTMLStyleElement>doc.createElement('STYLE');
-  style.innerText = css;
+  var style = <HTMLStyleElement>doc.createElement('style');
+  this.appendChild(style, this.createTextNode(css));
   return style;
 }
 createShadowRoot(el: HTMLElement): DocumentFragment {

Original file line number	Diff line number	Diff line change
`@@ -192,8 +192,8 @@ createScriptTag(attrName: string, attrValue: string, doc = document): HTMLScript`
`192`	`192`	`return el;`
`193`	`193`	`}`
`194`	`194`	`createStyleElement(css: string, doc = document): HTMLStyleElement {`
`195`		`- var style = <HTMLStyleElement>doc.createElement('STYLE');`
`196`		`- style.innerText = css;`
	`195`	`+ var style = <HTMLStyleElement>doc.createElement('style');`
	`196`	`+ this.appendChild(style, this.createTextNode(css));`
`197`	`197`	`return style;`
`198`	`198`	`}`
`199`	`199`	`createShadowRoot(el: HTMLElement): DocumentFragment {`