From 525e3eaf432db2460d915d7ead21f43be614ef11 Mon Sep 17 00:00:00 2001
From: Germain Souquet <germain@souquet.com>
Date: Tue, 25 May 2021 09:46:49 +0100
Subject: [PATCH] Prevent reflow when getting screen orientation

It is better to access the device orientation using media queries as it will not force a reflow compared to accessing innerWidth/innerHeight
---
 src/CountlyAnalytics.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/CountlyAnalytics.ts b/src/CountlyAnalytics.ts
index 974c08df18..61c471e4d4 100644
--- a/src/CountlyAnalytics.ts
+++ b/src/CountlyAnalytics.ts
@@ -684,7 +684,9 @@ export default class CountlyAnalytics {
     }
 
     private getOrientation = (): Orientation => {
-        return window.innerWidth > window.innerHeight ? Orientation.Landscape : Orientation.Portrait;
+        return window.matchMedia("(orientation: landscape)").matches
+            ? Orientation.Landscape
+            : Orientation.Portrait
     };
 
     private reportOrientation = () => {