Bugfix:dexie-cloud def.GUI fail if incl. in <head>

If dexie-cloud-addon is included in <head> before <body> is rendered, the default login GUI fails to load.
dexie · Oct 17, 2022 · 949d233 · 949d233
1 parent d9fd2ab
commit 949d233
Showing 1 changed file with 14 additions and 5 deletions.
diff --git a/addons/dexie-cloud/src/default-ui/index.tsx b/addons/dexie-cloud/src/default-ui/index.tsx
@@ -45,15 +45,24 @@ export default class LoginGui extends Component<Props, State> {
 }
 
 export function setupDefaultGUI(db: Dexie) {
-  const el = document.createElement('div');
-  document.body.appendChild(el);
-  preact.render(<LoginGui db={db.vip} />, el);
-
   let closed = false;
 
+  const el = document.createElement('div');
+  if (document.body) {
+    document.body.appendChild(el);
+    preact.render(<LoginGui db={db.vip} />, el);
+  } else {
+    addEventListener('DOMContentLoaded', ()=>{
+      if (!closed) {
+        document.body.appendChild(el);
+        preact.render(<LoginGui db={db.vip} />, el);
+      }
+    });
+  }
+
   return {
     unsubscribe() {
-      el.remove();
+      try { el.remove(); } catch {}
       closed = true;
     },
     get closed() {