hide the category dropdown menu when click the item

2023-08-22 00:05:36 +08:00
parent d3dc1401fd
commit 6e334d2efb
1 changed files with 4 additions and 0 deletions
@@ -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;
            }