From e59e99b2f3260225e6fcc8e4901e9fbdb8e7d063 Mon Sep 17 00:00:00 2001
From: Antonio Anaya <antonio.anaya@kny5.work>
Date: Thu, 30 Apr 2026 01:43:57 -0600
Subject: [PATCH] ui_migration bugfix(vue) reverted changes on v-if and
 reactive function calling from wot store incorrectly added brackets and ? to
 access as dict

---
 webapp/src/App.vue                                  | 13 ++-----------
 .../src/components/genericComponents/tabContent.vue |  3 ++-
 2 files changed, 4 insertions(+), 12 deletions(-)

diff --git a/webapp/src/App.vue b/webapp/src/App.vue
index d975c2c4..fc704ff9 100644
--- a/webapp/src/App.vue
+++ b/webapp/src/App.vue
@@ -116,14 +116,6 @@ export default {
     baseUri() {
       this.checkConnection();
     },
-    // The "Whole App" Wrapper Logic
-    ready(isReady) {
-      if (isReady) {
-        this.bindHardwareInputs(); // Turn keys ON when connected
-      } else {
-        this.unbindHardwareInputs(); // Turn keys OFF if disconnected
-      }
-    },
   },
 
   mounted() {
@@ -145,15 +137,14 @@ export default {
 
   created: function () {
     window.addEventListener("beforeunload", this.handleExit);
+    this.bindHardwareInputs(); // Turn keys ON when connected
   },
 
   beforeUnmount: function () {
     // Disconnect the theme observer
     this.mql.removeEventListener("change", this.themeWatchdog);
     // Remove scrollwheel listener
-    window.removeEventListener("wheel", this.wheelMonitor);
-    // Remove key listeners
-    Mousetrap.reset();
+    this.unbindHardwareInputs();
   },
 
   methods: {
diff --git a/webapp/src/components/genericComponents/tabContent.vue b/webapp/src/components/genericComponents/tabContent.vue
index 7bda92d9..156e28d1 100644
--- a/webapp/src/components/genericComponents/tabContent.vue
+++ b/webapp/src/components/genericComponents/tabContent.vue
@@ -1,6 +1,7 @@
 <template>
   <div
-    v-if="!(requireConnection && !ready) && currentTab === tabID"
+    v-if="!(requireConnection && !ready)"
+    :hidden="currentTab != tabID"
     class="uk-width-expand uk-height-1-1"
   >
     <slot></slot>