From 32423164f63e4ad1518e7d705668d6086ab7029c Mon Sep 17 00:00:00 2001
From: nove-b <nove.b.web@gmail.com>
Date: Tue, 30 Sep 2025 01:41:13 +0900
Subject: [PATCH] fix(ui): auto-profile-hover-on-history-view (#3368)

---
 app/components/modal/ModalContainer.vue | 2 +-
 app/components/modal/ModalDialog.vue    | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/components/modal/ModalContainer.vue b/app/components/modal/ModalContainer.vue
index 28f43b62..a8fb7896 100644
--- a/app/components/modal/ModalContainer.vue
+++ b/app/components/modal/ModalContainer.vue
@@ -82,7 +82,7 @@ function handleFavouritedBoostedByClose() {
     >
       <ModalMediaPreview v-if="isMediaPreviewOpen" @close="closeMediaPreview()" />
     </ModalDialog>
-    <ModalDialog v-model="isEditHistoryDialogOpen" max-w-125>
+    <ModalDialog v-model="isEditHistoryDialogOpen" :focus-first-element="false" max-w-125>
       <StatusEditPreview v-if="statusEdit" :edit="statusEdit" />
     </ModalDialog>
     <ModalDialog v-model="isCommandPanelOpen" max-w-fit flex>
diff --git a/app/components/modal/ModalDialog.vue b/app/components/modal/ModalDialog.vue
index d6ae88d2..d88836a9 100644
--- a/app/components/modal/ModalDialog.vue
+++ b/app/components/modal/ModalDialog.vue
@@ -10,6 +10,7 @@ const {
   closeByMask = true,
   useVIf = true,
   keepAlive = false,
+  focusFirstElement = true,
 } = defineProps<{
   // level of depth
   zIndex?: number
@@ -21,6 +22,8 @@ const {
   keepAlive?: boolean
   // The aria-labelledby id for the dialog.
   dialogLabelledBy?: string
+  // Whether to focus on the first element when the modal opens.
+  focusFirstElement?: boolean
 }>()
 
 const emit = defineEmits<{
@@ -45,6 +48,7 @@ const { activate } = useFocusTrap(elDialogRoot, {
   escapeDeactivates: true,
   preventScroll: true,
   returnFocusOnDeactivate: true,
+  initialFocus: focusFirstElement ? undefined : false,
 })
 
 defineExpose({