From 6e334d2efbc89ecd392d82b863ef0b6783ed3170 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Tue, 22 Aug 2023 00:05:36 +0800
Subject: [PATCH] hide the category dropdown menu when click the item

---
 src/views/desktop/transactions/ListPage.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/views/desktop/transactions/ListPage.vue b/src/views/desktop/transactions/ListPage.vue
index f87e4725..c8792a6f 100644
--- a/src/views/desktop/transactions/ListPage.vue
+++ b/src/views/desktop/transactions/ListPage.vue
@@ -99,6 +99,7 @@
                                                         eager location="bottom" max-height="500"
                                                         :disabled="query.type === 1"
                                                         :close-on-content-click="false"
+                                                        v-model="categoryMenuState"
                                                         @update:model-value="scrollCategoryMenuToSelectedItem">
                                                     <template #activator="{ props }">
                                                         <div class="d-flex align-center"
@@ -400,6 +401,7 @@ export default {
             totalCount: 1,
             searchKeyword: '',
             currentPageTransactions: [],
+            categoryMenuState: false,
             alwaysShowNav: mdAndUp.value,
             showNav: mdAndUp.value,
             showCustomDateRangeDialog: false,
@@ -789,6 +791,8 @@ export default {
             this.$router.push(this.getFilterLinkUrl());
         },
         changeCategoryFilter(categoryId) {
+            this.categoryMenuState = false;
+
             if (this.query.categoryId === categoryId) {
                 return;
             }