Improve support for IE11

StartPolymer · Mar 27, 2019 · b2bd836 · b2bd836
1 parent 0e86ab6
commit b2bd836
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/iron-iconset-svg.html b/iron-iconset-svg.html
@@ -230,16 +230,23 @@
         // IE 11 does not provide the outerHTML property.
         var outer = content.outerHTML || new XMLSerializer().serializeToString(content);
 
-        content = outer.replace(/id="/g, 'id="' + sourceId + '-')
-                  .replace(/fill="url\(#/g, 'fill="url(#' + sourceId + '-');
+        var contentString = outer.replace(/id="/g, 'id="' + sourceId + '-')
+                            .replace(/fill="url\(#/g, 'fill="url(#' + sourceId + '-');
 
         svg.setAttribute('viewBox', viewBox);
         svg.setAttribute('preserveAspectRatio', 'xMidYMid meet');
         svg.setAttribute('focusable', 'false');
         // TODO(dfreedm): `pointer-events: none` works around https://crbug.com/370136
         // TODO(sjmiles): inline style may not be ideal, but avoids requiring a shadow-root
         svg.style.cssText = cssText;
-        svg.innerHTML = content;
+
+        var isIEBrowser = /*@cc_on!@*/false || !!document.documentMode;
+        if (isIEBrowser) {
+          svg.appendChild(content);
+        } else {
+          svg.innerHTML = contentString;
+        }
+
         return svg;
       }
       return null;