fix: dialog losts css

DimensionDev · Nov 5, 2019 · dc15ade · dc15ade
1 parent 18d013a
commit dc15ade
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/utils/jss/ShadowRootPortal.tsx b/src/utils/jss/ShadowRootPortal.tsx
@@ -1,10 +1,11 @@
-import { livingShadowRoots } from './ConstructableStyleSheetsRenderer'
+import { livingShadowRoots, applyAdoptedStyleSheets } from './ConstructableStyleSheetsRenderer'
 import { GetContext } from '@holoflows/kit/es'
 import { untilDocumentReady } from '../utils'
 
 const div = document.createElement('div')
 const shadow = div.attachShadow({ mode: 'closed' })
 untilDocumentReady().then(() => document.body.appendChild(div))
+livingShadowRoots.add(shadow)
 
 export function PortalShadowRoot() {
     if (GetContext() === 'options') return document.body
@@ -13,7 +14,7 @@ export function PortalShadowRoot() {
             const value = Reflect.get(target, key)
             if (typeof value === 'function')
                 return function(...args: any[]) {
-                    console.log(...args)
+                    applyAdoptedStyleSheets()
                     return Reflect.apply(value, shadow, args)
                 }
             return value