From 0408c470fcca0c2f55c48edc6d9f869653c0e780 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Sun, 24 Aug 2025 10:34:02 +0800
Subject: [PATCH] fix the select dropdown menu was positioned incorrectly after
 filter box being focused

---
 src/components/desktop/TwoColumnSelect.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/desktop/TwoColumnSelect.vue b/src/components/desktop/TwoColumnSelect.vue
index 1551bd22..8c7bf4ca 100644
--- a/src/components/desktop/TwoColumnSelect.vue
+++ b/src/components/desktop/TwoColumnSelect.vue
@@ -213,9 +213,7 @@ function isSecondarySelected(subItem: unknown): boolean {
     return isSecondaryValueSelected(currentSecondaryValue.value, subItem);
 }
 
-function onPrimaryItemClicked(item: unknown): void {
-    updateCurrentPrimaryValue(currentPrimaryValue, item);
-
+function updateMenuPosition(): void {
     if (props.autoUpdateMenuPosition) {
         nextTick(() => {
             const mainSelectRect = document.querySelector('.two-column-main-select')?.getBoundingClientRect();
@@ -233,6 +231,11 @@ function onPrimaryItemClicked(item: unknown): void {
     }
 }
 
+function onPrimaryItemClicked(item: unknown): void {
+    updateCurrentPrimaryValue(currentPrimaryValue, item);
+    updateMenuPosition();
+}
+
 function onSecondaryItemClicked(subItem: unknown): void {
     updateCurrentSecondaryValue(currentSecondaryValue, subItem);
 }
@@ -252,6 +255,7 @@ function onInputFocused(input: VTextField | null | undefined, focused: boolean):
     if (input && focused) {
         nextTick(() => {
             setChildInputFocus(input?.$el, 'input');
+            updateMenuPosition();
         });
     }
 }