From a85b3147ce26f9013774eff7722a5aa29cf9643a Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Thu, 7 Jul 2022 14:34:36 +0530
Subject: [PATCH] check if browser zoomed on mount

---
 src/components/App.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/App.tsx b/src/components/App.tsx
index c8381ba882..af8bd0d96b 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -772,6 +772,7 @@ class App extends React.Component<AppProps, AppState> {
           ? { ...scene.appState.activeTool, type: "selection" }
           : scene.appState.activeTool,
       isLoading: false,
+      toastMessage: this.state.toastMessage || null,
     };
     if (initialData?.scrollToContent) {
       scene.appState = {
@@ -910,6 +911,7 @@ class App extends React.Component<AppProps, AppState> {
     } else {
       this.updateDOMRect(this.initializeScene);
     }
+    this.checkIfBrowserZoomed();
   }
 
   public componentWillUnmount() {
@@ -922,8 +924,7 @@ class App extends React.Component<AppProps, AppState> {
     clearTimeout(touchTimeout);
     touchTimeout = 0;
   }
-
-  private onResize = withBatchedUpdates(() => {
+  private checkIfBrowserZoomed = () => {
     if (!this.device.isMobile) {
       const scrollBarWidth = 10;
       const widthRatio =
@@ -935,6 +936,9 @@ class App extends React.Component<AppProps, AppState> {
         this.clearToast();
       }
     }
+  };
+  private onResize = withBatchedUpdates(() => {
+    this.checkIfBrowserZoomed();
     this.scene
       .getElementsIncludingDeleted()
       .forEach((element) => invalidateShapeForElement(element));