From 539ef7d650387d111c0b79ecc0464d0665a6cc9a Mon Sep 17 00:00:00 2001 From: DmitriyB Date: Wed, 17 Aug 2022 12:16:36 +0500 Subject: [PATCH] =?UTF-8?q?=D0=BF=D0=BE=D1=84=D0=B8=D0=BA=D1=88=D0=B5?= =?UTF-8?q?=D0=BD=20=D0=B1=D0=B0=D0=B3=20=D1=81=20=D0=B2=D0=B5=D1=80=D0=BE?= =?UTF-8?q?=D1=8F=D1=82=D0=BD=D0=BE=20=D1=83=D1=82=D0=B5=D1=87=D0=BA=D0=BE?= =?UTF-8?q?=D0=B9=20=D0=BF=D0=B0=D0=BC=D1=8F=D1=82=D0=B8,=20=D0=BF=D1=80?= =?UTF-8?q?=D0=B8=20=D0=B1=D0=BE=D0=BB=D1=8C=D1=88=D0=BE=D0=BC=20=D0=BA?= =?UTF-8?q?=D0=BE=D0=BB-=D0=B2=D0=B5=20=D0=B8=D0=B7=D0=BC=D0=B5=D0=BD?= =?UTF-8?q?=D0=B5=D0=BD=D0=B8=D0=B9=20=D0=BE=D1=80=D0=B8=D0=B5=D0=BD=D1=82?= =?UTF-8?q?=D0=B0=D1=86=D0=B8=D0=B8=20=D1=83=D1=81=D1=82=D1=80=D0=BE=D0=B9?= =?UTF-8?q?=D1=81=D1=82=D0=B2=D0=B0,=20=D0=B2=20=D0=BB=D0=B8=D1=81=D1=82?= =?UTF-8?q?=D0=B5=D0=BD=D0=B5=D1=80=20=D0=BF=D1=80=D0=B8=D1=85=D0=BE=D0=B4?= =?UTF-8?q?=D0=B8=D0=BB=D0=BE=20=D0=BE=D0=B3=D1=80=D0=BE=D0=BC=D0=BD=D0=BE?= =?UTF-8?q?=D0=B5=20=D0=BA=D0=BE=D0=BB-=D0=B2=D0=BE=20=D0=BE=D0=B4=D0=B8?= =?UTF-8?q?=D0=BD=D0=B0=D0=BA=D0=BE=D0=B2=D1=8B=D1=85=20=D0=B8=D0=B2=D0=B5?= =?UTF-8?q?=D0=BD=D1=82=D0=BE=D0=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/App.tsx | 19 ++++++++----------- 1 file changed, 8 insertions(+), 11 deletions(-) diff --git a/src/App.tsx b/src/App.tsx index 3aeeb8c..3c33b07 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -9,22 +9,19 @@ function App() { const [currentOrientaton, setCurrentOrientaton] = useState(window.orientation); - window.visualViewport.addEventListener('resize', (e) => { + window.visualViewport.onresize = (e) => { //@ts-ignore - setWindowHeight(e.currentTarget.height) - }) - + setWindowHeight(e.currentTarget.height); + } // !!! работает на свойстве помеченном как deprecate - на айфоне иначе хз как - // + спамит большим кол-вом ивентов, из за чего если оч много раз поворачиват телефон, веб упадет - window.addEventListener('orientationchange', e => { - //@ts-ignore - let angle = e.target.orientation as number; - if(currentOrientaton !== angle) { + window.onorientationchange = e => { + //@ts-ignore + let angle = e.target.orientation; + if(currentOrientaton !== angle) { setCurrentOrientaton(angle); } - return - }) + } useEffect(() => { if(!navigator.userAgent.includes('iPhone')) {