add a delay before recalculating vh 😭

webroot/index.html

@@ -30,6 +30,7 @@ problems;
 - chat windwo placementis messedup on orientation changes.. needs new vh.
 orientationchange oly happens on mobile.
 does orientationchange happen when keyboard appears?
+- changing vh after orientation change sometimes yields same value
 
 possible hacks
 - if mobile, don't show chat + chat icon in landscape?.. 

webroot/js/app.js

@@ -28,9 +28,8 @@ function setupApp() {
   // style hackings
   window.VIDEOJS_NO_DYNAMIC_STYLE = true;
   if (hasTouchScreen()) {
-    mobileVHhack();
+    setVHvar();
     window.onorientationchange = handleOrientationChange;
-    // document.addEventListener("orientationchange", handleOrientationChange);
   }
 
 

webroot/js/message.js

@@ -99,11 +99,11 @@ class Messaging {
 
 	handleKeyboardAppear() {
 		this.tagAppContainer.classList.add("android-message-focus");
-		setVHvar();
+		mobileVHhack();
 	}
 	handleKeyboardOut() {
 		this.tagAppContainer.classList.remove("android-message-focus");
-		setVHvar();
+		mobileVHhack();
 	}
 
 	handleChatToggle() {

webroot/js/utils.js

@@ -44,9 +44,9 @@ function setVHvar() {
   document.documentElement.style.setProperty('--vh', `${vh}px`);
   console.log("== new vh", vh)
 }
+// delayed
 function mobileVHhack() {
-  setVHvar();
+  setTimeout(setVHvar, 100);
-  // window.addEventListener("orientationchange", setVHvar);
 }
 
 function isAndroidMobile() {
@@ -83,5 +83,5 @@ function hasTouchScreen() {
 
 function handleOrientationChange(event) {
   console.log("====orientation change 123", event, window.screen.orientation, window.orientation)
-  setVHvar();
+  mobileVHhack();
 }