From 7117a18e5d38967f91053faba9e860b0627288d7 Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Sat, 26 Sep 2020 20:32:17 +0200
Subject: [PATCH] Download Resize

---
 BackendServers/WebServer/index.html |  1 +
 CanvasApp/Canvas.js                 | 17 +++++++++++------
 CanvasApp/Globals.js                |  2 ++
 3 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/BackendServers/WebServer/index.html b/BackendServers/WebServer/index.html
index 3a7fb355f..e0670a9ff 100644
--- a/BackendServers/WebServer/index.html
+++ b/BackendServers/WebServer/index.html
@@ -27,6 +27,7 @@
             try {
                 if (canvas === undefined) { return }
                 if (canvas.eventHandler === undefined) { return }
+                if (DISABLE_BROWSER_RESIZE_EVENT === true) {return}
                 canvas.eventHandler.raiseEvent('Browser Resized')
             } catch (err) {
                 console.log('Error Resizing. ' + err.stack)
diff --git a/CanvasApp/Canvas.js b/CanvasApp/Canvas.js
index bde0589e7..6272170dc 100644
--- a/CanvasApp/Canvas.js
+++ b/CanvasApp/Canvas.js
@@ -226,35 +226,40 @@ function newCanvas() {
                 case 113: { //  F2
                     browserCanvas.width = 400 * 3
                     browserCanvas.height = 580 * 3
-                    centerCanvar()
+                    centerCanvas()
+                    DISABLE_BROWSER_RESIZE_EVENT = true
                     return
                     break
                 }
                 case 114: { //  F2
                     browserCanvas.width = 400 * 2
                     browserCanvas.height = 580 * 2
-                    centerCanvar()
+                    centerCanvas()
+                    DISABLE_BROWSER_RESIZE_EVENT = true
                     return
                     break
                 }
                 case 115: { //  F3
                     browserCanvas.width = 400 * 1.5
                     browserCanvas.height = 580 * 1.5
-                    centerCanvar()
+                    centerCanvas()
+                    DISABLE_BROWSER_RESIZE_EVENT = true
                     return
                     break
                 }
                 case 116: { //  F5
                     browserCanvas.width = 400 * 1
                     browserCanvas.height = 580 * 1
-                    centerCanvar()
+                    centerCanvas()
+                    DISABLE_BROWSER_RESIZE_EVENT = true
                     return
                     break
                 }
                 case 117: { //  F6
                     browserCanvas.width = window.innerWidth
                     browserCanvas.height = window.innerHeight - CURRENT_TOP_MARGIN
-                    centerCanvar()
+                    centerCanvas()
+                    DISABLE_BROWSER_RESIZE_EVENT = false
                     return
                     break
                 }
@@ -292,7 +297,7 @@ function newCanvas() {
             }
         }
 
-        function centerCanvar() {
+        function centerCanvas() {
             return
             let top = (window.innerHeight - browserCanvas.height) / 2
             let left = (window.innerWidth - browserCanvas.width) / 2
diff --git a/CanvasApp/Globals.js b/CanvasApp/Globals.js
index 1d33cfb9b..35a75f364 100644
--- a/CanvasApp/Globals.js
+++ b/CanvasApp/Globals.js
@@ -48,6 +48,8 @@ const ZOOM_OUT_THRESHOLD_FOR_DISPLAYING_SCALES = 3
 let FONT_ASPECT_RATIO = 0.32;
 let ANIMATION_FRAME_PER_SECONDS
 
+let DISABLE_BROWSER_RESIZE_EVENT = false
+
 const GET_CONTAINER_PURPOSE = {
     MOUSE_OVER: 1,
     MOUSE_WHEEL: 2,