From b6e17e7137a904f6cd1f4ca9a59368a396fd3c8d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fran=20Jurmanovi=C4=87?= <fjurma12@outlook.com>
Date: Sun, 12 Dec 2021 21:23:46 +0100
Subject: [PATCH] append app-main after style

---
 src/components/app-shadow/AppShadowElement.ts | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/app-shadow/AppShadowElement.ts b/src/components/app-shadow/AppShadowElement.ts
index 22b0eda..c125a57 100644
--- a/src/components/app-shadow/AppShadowElement.ts
+++ b/src/components/app-shadow/AppShadowElement.ts
@@ -13,12 +13,18 @@ import style from 'styles/main.scss';
 
 		connectedCallback() {
 			const _root = _shadow.get(this);
-			const _appMain = document.createElement('app-main');
 			const _style = document.createElement('style');
 			_style.innerHTML = style;
-
 			_root.appendChild(_style);
-			_root.appendChild(_appMain);
+			if ('requestAnimationFrame' in window) {
+				window.requestAnimationFrame(() => {
+					const _appMain = document.createElement('app-main');
+					_root.appendChild(_appMain);
+				});
+			} else {
+				const _appMain = document.createElement('app-main');
+				_root.appendChild(_appMain);
+			}
 		}
 	}
 })();