From 91849e98a46c369ac1659e764471882b4aad846d Mon Sep 17 00:00:00 2001
From: AgustinSRG <agustinsanromanguzman@gmail.com>
Date: Sat, 9 Sep 2023 13:58:24 +0200
Subject: [PATCH] Frontend: Focus page when expand page is triggered

---
 frontend/src/components/layout/PageContent.vue | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/layout/PageContent.vue b/frontend/src/components/layout/PageContent.vue
index 39555e8c..8d9d87de 100644
--- a/frontend/src/components/layout/PageContent.vue
+++ b/frontend/src/components/layout/PageContent.vue
@@ -92,7 +92,7 @@
 <script lang="ts">
 import { AppEvents } from "@/control/app-events";
 import { AppStatus } from "@/control/app-status";
-import { defineAsyncComponent, defineComponent } from "vue";
+import { defineAsyncComponent, defineComponent, nextTick } from "vue";
 
 import { AuthController } from "@/control/auth";
 import { KeyboardManager } from "@/control/keyboard";
@@ -185,7 +185,18 @@ export default defineComponent({
 
         expandPage: function () {
             AppStatus.ExpandPage();
-            this.$el.focus();
+
+            nextTick(() => {
+                const page: any = document.querySelector(".page-content");
+                if (page) {
+                    const autoFocused = page.querySelector(".auto-focus");
+                    if (autoFocused) {
+                        autoFocused.focus();
+                    } else {
+                        page.focus();
+                    }
+                }
+            });
         },
 
         closePage: function () {