From 88a2aefe1fd0f1207347fb7508b03957d17a8bd2 Mon Sep 17 00:00:00 2001
From: mantoujun12 <202384594+mantoujun12@users.noreply.github.com>
Date: Sun, 23 Aug 2026 11:48:46 +0800
Subject: [PATCH 1/3] fix: remove open-on-hover attribute from menu components

Removed the open-on-hover of the Chat UI part of the AstrBot Web UI, and fixed the issue that the mobile end could not open the secondary menu of Transport Mode and Language.
---
 dashboard/src/components/chat/Chat.vue | 2 --
 1 file changed, 2 deletions(-)

diff --git a/dashboard/src/components/chat/Chat.vue b/dashboard/src/components/chat/Chat.vue
index 6e9d6cc461..72f73dce31 100644
--- a/dashboard/src/components/chat/Chat.vue
+++ b/dashboard/src/components/chat/Chat.vue
@@ -197,7 +197,6 @@
             <v-menu
               location="end"
               offset="8"
-              open-on-hover
               :close-on-content-click="true"
             >
               <template #activator="{ props: transportMenuProps }">
@@ -251,7 +250,6 @@
             <v-menu
               location="end"
               offset="8"
-              open-on-hover
               :close-on-content-click="true"
             >
               <template #activator="{ props: languageMenuProps }">

From 039fb082e109bbc2dbf4192bd5686e97fcd9cb2e Mon Sep 17 00:00:00 2001
From: mantoujun12 <202384594+mantoujun12@users.noreply.github.com>
Date: Mon, 24 Aug 2026 15:50:04 +0800
Subject: [PATCH 2/3] fix: add touch device detection for menu interaction

---
 dashboard/src/components/chat/Chat.vue | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/dashboard/src/components/chat/Chat.vue b/dashboard/src/components/chat/Chat.vue
index 72f73dce31..2d499de0e8 100644
--- a/dashboard/src/components/chat/Chat.vue
+++ b/dashboard/src/components/chat/Chat.vue
@@ -197,6 +197,8 @@
             <v-menu
               location="end"
               offset="8"
+              open-on-hover
+              :open-on-click="isTouchDevice"
               :close-on-content-click="true"
             >
               <template #activator="{ props: transportMenuProps }">
@@ -250,6 +252,8 @@
             <v-menu
               location="end"
               offset="8"
+              open-on-hover
+              :open-on-click="isTouchDevice"
               :close-on-content-click="true"
             >
               <template #activator="{ props: languageMenuProps }">
@@ -815,6 +819,14 @@ const transportMode = ref<TransportMode>(
     ? "websocket"
     : "sse",
 );
+
+const isTouchDevice = (
+  navigator.maxTouchPoints > 0 ||
+  'ontouchstart' in window ||
+  // @ts-ignore
+  (window.DocumentTouch && document instanceof DocumentTouch)
+);
+
 const transportOptions: Array<{ value: TransportMode; labelKey: string }> = [
   { value: "sse", labelKey: "transport.sse" },
   { value: "websocket", labelKey: "transport.websocket" },

From 167560ad19195242950e4962c7cfa3e6f9af3153 Mon Sep 17 00:00:00 2001
From: mantoujun12 <202384594+mantoujun12@users.noreply.github.com>
Date: Mon, 24 Aug 2026 16:34:49 +0800
Subject: [PATCH 3/3] fix: simplify touch device detection logic

---
 dashboard/src/components/chat/Chat.vue | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/dashboard/src/components/chat/Chat.vue b/dashboard/src/components/chat/Chat.vue
index 2d499de0e8..e9f295542a 100644
--- a/dashboard/src/components/chat/Chat.vue
+++ b/dashboard/src/components/chat/Chat.vue
@@ -820,12 +820,7 @@ const transportMode = ref<TransportMode>(
     : "sse",
 );
 
-const isTouchDevice = (
-  navigator.maxTouchPoints > 0 ||
-  'ontouchstart' in window ||
-  // @ts-ignore
-  (window.DocumentTouch && document instanceof DocumentTouch)
-);
+const isTouchDevice = navigator.maxTouchPoints > 0 || 'ontouchstart' in window;
 
 const transportOptions: Array<{ value: TransportMode; labelKey: string }> = [
   { value: "sse", labelKey: "transport.sse" },