From 67dfaada274f43d5df73c45238272fc2358d53aa Mon Sep 17 00:00:00 2001
From: Albert Gasset <albertgasset@fsfe.org>
Date: Wed, 13 Mar 2019 10:00:57 +0100
Subject: [PATCH] MOBILE-2915 core: Inject CSS safely

---
 src/components/style/style.ts | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/style/style.ts b/src/components/style/style.ts
index a4420f6b9..b0790ca96 100644
--- a/src/components/style/style.ts
+++ b/src/components/style/style.ts
@@ -38,10 +38,12 @@ export class CoreStyleComponent implements OnChanges {
      * Component being changed.
      */
     ngOnChanges(changes: { [name: string]: SimpleChange }): void {
-        const css = this.prefixCSS(this.css, this.prefix);
-
         if (this.element && this.element.nativeElement) {
-            this.element.nativeElement.innerHTML = '<style>' + css + '</style>';
+            const style = document.createElement('style');
+            style.innerText = this.prefixCSS(this.css, this.prefix);
+
+            this.element.nativeElement.innerHTML = '';
+            this.element.nativeElement.appendChild(style);
         }
     }