fix: restored dom loaded waiting

V4Fire · Jan 15, 2024 · a569ebc · a569ebc
1 parent eb39f28
commit a569ebc
Showing 1 changed file with 11 additions and 6 deletions.
diff --git a/src/core/init/semaphore.ts b/src/core/init/semaphore.ts
@@ -6,7 +6,7 @@
  * https://github.com/V4Fire/Client/blob/master/LICENSE
  */
 
-import { createsAsyncSemaphore } from 'core/event';
+import { createsAsyncSemaphore, resolveAfterDOMLoaded } from 'core/event';
 
 import remoteState, { set } from 'core/component/state';
 
@@ -38,12 +38,17 @@ if (SSR) {
 	process.on('unhandledRejection', stderr);
 
 } else {
-	const
-		targetToMount = document.querySelector<HTMLElement>('[data-root-component]'),
-		rootComponentName = targetToMount?.getAttribute('data-root-component'),
-		ready = createSemaphore();
+	resolveAfterDOMLoaded()
+		.then(() => {
+			const
+				targetToMount = document.querySelector<HTMLElement>('[data-root-component]'),
+				rootComponentName = targetToMount?.getAttribute('data-root-component'),
+				ready = createSemaphore();
+
+			return initApp(rootComponentName, {targetToMount, ready});
+		})
 
-	initApp(rootComponentName, {targetToMount, ready}).catch(stderr);
+		.catch(stderr);
 }
 
 function createAppInitializer() {