fix: delay proxy target evaluation

DimensionDev · Nov 11, 2019 · 5a8c7a9 · 5a8c7a9
1 parent 0217be1
commit 5a8c7a9
Showing 1 changed file with 17 additions and 14 deletions.
diff --git a/src/utils/jss/ShadowRootPortal.tsx b/src/utils/jss/ShadowRootPortal.tsx
@@ -14,22 +14,25 @@ globalThis.getComputedStyle = new Proxy(globalThis.getComputedStyle || (() => {}
     },
 })
 
-const proxy = new Proxy(document.body, {
-    get(target, key, receiver) {
-        const value = Reflect.get(target, key)
-        if (typeof value === 'function')
-            return function(...args: any[]) {
-                console.log(...args)
-                return Reflect.apply(value, shadow, args)
-            }
-        return value
-    },
-    set(target, key, value, receiver) {
-        return Reflect.set(document.body, key, value, document.body)
-    },
-})
+let proxy: HTMLElement | undefined
+
 export function PortalShadowRoot() {
     if (GetContext() === 'options') return document.body
+    if (!proxy)
+        proxy = new Proxy(document.body, {
+            get(target, key, receiver) {
+                const value = Reflect.get(target, key)
+                if (typeof value === 'function')
+                    return function(...args: any[]) {
+                        console.log(...args)
+                        return Reflect.apply(value, shadow, args)
+                    }
+                return value
+            },
+            set(target, key, value, receiver) {
+                return Reflect.set(document.body, key, value, document.body)
+            },
+        })
     return proxy
 }