bug: potential fix for vh mobile preload bug

Tobijudah · Feb 18, 2022 · c2393d1 · c2393d1 · vercel · Feb 18, 2022
1 parent 571f4ec
commit c2393d1
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 0 deletions.
diff --git a/src/App.module.scss b/src/App.module.scss
@@ -9,6 +9,7 @@
 	position: absolute;
 	width: 100vw;
 	height: 100vh;
+	opacity: 0;
 
 	&[data-name="Gallery"] {
 		background: #f5f5f5;

diff --git a/src/animations/preloader.ts b/src/animations/preloader.ts
@@ -32,6 +32,9 @@ const PreloaderAnimation = (elements: gsap.TweenTarget[]) => {
 			gsap.set(".hidden-init", {
 				visibility: "hidden",
 			});
+			gsap.set("[data-name]", {
+				opacity: 1,
+			});
 			preloader.kill();
 		});
 

diff --git a/src/index.scss b/src/index.scss
@@ -56,6 +56,10 @@
 	box-sizing: border-box;
 }
 
+html {
+	background: #000;
+}
+
 html[data-scroll-direction] {
 	overflow: hidden;
 	position: fixed;