From d5dd17cf9190f5726d67b2a2cac29feaaf4cab54 Mon Sep 17 00:00:00 2001
From: DmitriyB <dimasik_burdin@inbox.ru>
Date: Wed, 10 Aug 2022 14:59:25 +0500
Subject: [PATCH] =?UTF-8?q?=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D0=B5?=
 =?UTF-8?q?=D0=BD=20=D0=B0=D0=B4=D0=B0=D0=BF=D1=82=D0=B8=D0=B2=20=D0=B4?=
 =?UTF-8?q?=D0=BB=D1=8F=20iphone?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.tsx                              | 34 ++++++++++--------------
 src/components/mainScreen/mainScreen.tsx |  2 +-
 2 files changed, 15 insertions(+), 21 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 076ef89..6d3ba9c 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -4,33 +4,27 @@ import { ContextWindowHeight } from './components/contextWindowHeight';
 import { MainScreen } from './components/mainScreen/mainScreen';
 
 function App() {
-  const [windowHeight, setWindowHeight] = useState<number>(window.screen.availHeight);
+  // const [windowHeight, setWindowHeight] = useState<number>(window.screen.availHeight);
+  const [windowHeight, setWindowHeight] = useState<number>(window.visualViewport.height);
 
-  window.addEventListener('resize', e => {
+  // window.addEventListener('resize', e => {
+  //   //@ts-ignore
+  //   setWindowHeight(e.currentTarget.screen.availHeight)
+  // })
+
+  window.visualViewport.addEventListener('resize', (e) => {
     //@ts-ignore
-    setWindowHeight(e.currentTarget.screen.availHeight)
+    setWindowHeight(e.currentTarget.height, windowHeight)
   })
 
-    window.onload = function () {
-      hideAddressBar();
-      window.addEventListener("orientationchange", function () {
-          hideAddressBar();
-      }, false);
-  }
-  
-  function hideAddressBar() {
-      setTimeout(function () {
-          document.body.style.height = window.outerHeight + 'px';
-          setTimeout(function () {
-              window.scrollTo(0, 1);
-          }, 1100);
-      }, 1000);
-      return false;
-  }
+  useEffect(() => {
+    // alert(navigator.userAgent.includes('iPhone'))
+    // alert(window.visualViewport.height + '\n' + windowHeight)
+  }, [])
+    
 
   
 
-
   return (
     <div className="App">
       <ContextWindowHeight.Provider value={windowHeight}>
diff --git a/src/components/mainScreen/mainScreen.tsx b/src/components/mainScreen/mainScreen.tsx
index 7eb9647..0ff23c1 100644
--- a/src/components/mainScreen/mainScreen.tsx
+++ b/src/components/mainScreen/mainScreen.tsx
@@ -36,7 +36,7 @@ export const MainScreen:React.FC = React.memo(() => {
             />
         </CSSTransition>
         {
-            windowHeight < 700 ?
+            windowHeight < 700 || navigator.userAgent.includes('iPhone') ?
             <CSSTransition
                 in={showMobileUsersPart}
                 timeout={300}