fix: partial fix for shadow dom rendering

boltdesignsystem · Dec 9, 2019 · 1d03ac9 · 1d03ac9
1 parent 3eed559
commit 1d03ac9
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/packages/components/bolt-icon/src/icon.standalone.js b/packages/components/bolt-icon/src/icon.standalone.js
@@ -2,6 +2,7 @@ import {
   colorContrast,
   css,
   define,
+  hasNativeShadowDomSupport,
   props,
   rgb2hex,
   supportsCSSVars,
@@ -107,6 +108,8 @@ class BoltIcon extends withPreact() {
 
     return (
       <span className={classes}>
+        {hasNativeShadowDomSupport &&
+          this.getRootNode() instanceof ShadowRoot && <style>{styles[0][1]}</style>}
         {DefaultIcon ? (
           <DefaultIcon
             className={iconClasses}