From 80012ed9c5fd9d0bd511cd2596b93a168ba71bd7 Mon Sep 17 00:00:00 2001
From: Fabio Guachalla <fabio.guachalla@processmaker.com>
Date: Fri, 14 Jan 2022 12:17:36 -0400
Subject: [PATCH] DRT-228:DRT new UI is not displaying correctly its screen
 when the browser has a resize

---
 resources/assets/js/home/LegacyFrame.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/resources/assets/js/home/LegacyFrame.vue b/resources/assets/js/home/LegacyFrame.vue
index e65e2595f..4b4625eea 100644
--- a/resources/assets/js/home/LegacyFrame.vue
+++ b/resources/assets/js/home/LegacyFrame.vue
@@ -19,11 +19,12 @@ export default {
     pageUri: String,
   },
   mounted() {
-    this.height = window.innerHeight - this.diffHeight;
+    this.height = `${window.innerHeight - this.diffHeight}px`;
+    window.addEventListener('resize', this.autoResizeFrame);
   },
   data() {
     return {
-      height: "100%",
+      height: "0px",
       width: "100%",
       diffHeight: 10
     };
@@ -32,6 +33,11 @@ export default {
     classBtn(cls) {
       return "btn v-btn-request " + cls;
     },
+    autoResizeFrame(event) {
+      event.preventDefault();
+      this.height = `${window.innerHeight - this.diffHeight}px`;
+      event.stopPropagation();
+    },
   },
 };
 </script>