From 85d93c4f4b0c1fdbb4d4e80eafb234571ec89a81 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Mon, 21 Aug 2023 23:02:46 +0800
Subject: [PATCH] auto hide the dropdown menu when click the secondary item

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

diff --git a/src/components/desktop/TwoColumnSelect.vue b/src/components/desktop/TwoColumnSelect.vue
index 9b1bb4f2..2f5dc8a2 100644
--- a/src/components/desktop/TwoColumnSelect.vue
+++ b/src/components/desktop/TwoColumnSelect.vue
@@ -6,6 +6,7 @@
         :label="label"
         :menu-props="{ 'content-class': 'two-column-select-menu' }"
         v-model="currentSecondaryValue"
+        v-model:menu="menuState"
         @update:menu="onMenuStateChanged"
     >
         <template #selection>
@@ -117,6 +118,7 @@ export default {
     ],
     data() {
         return {
+            menuState: false,
             icons: {
                 chevronRight: mdiChevronRight
             }
@@ -143,6 +145,7 @@ export default {
                 return this.modelValue;
             },
             set: function (value) {
+                this.menuState = false;
                 this.$emit('update:modelValue', value);
             }
         },