From 372ea29edd2e3b09d934e8bf7fbbd933998d5a98 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Fri, 12 Dec 2025 14:30:25 +0800
Subject: [PATCH] hide search bar by clicking search icon

---
 src/views/mobile/transactions/ListPage.vue | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/views/mobile/transactions/ListPage.vue b/src/views/mobile/transactions/ListPage.vue
index 9814aa9d..d97a838d 100644
--- a/src/views/mobile/transactions/ListPage.vue
+++ b/src/views/mobile/transactions/ListPage.vue
@@ -16,7 +16,7 @@
                 </f7-link>
             </f7-nav-title>
             <f7-nav-right class="navbar-compact-icons">
-                <f7-link icon-f7="search" @click="showSearchbar = true"></f7-link>
+                <f7-link icon-f7="search" @click="toggleSearchbar"></f7-link>
                 <f7-link icon-f7="plus" :class="{ 'disabled': !canAddTransaction }" @click="add"></f7-link>
             </f7-nav-right>
 
@@ -1300,6 +1300,18 @@ function filterMultipleTags(): void {
     props.f7router.navigate('/settings/filter/tag?type=transactionListCurrent');
 }
 
+function toggleSearchbar(): void {
+    if (!showSearchbar.value) {
+        showSearchbar.value = true;
+    } else {
+        showSearchbar.value = false;
+
+        if (query.value.keyword) {
+            changeKeywordFilter('');
+        }
+    }
+}
+
 function changeKeywordFilter(keyword: string): void {
     if (query.value.keyword === keyword) {
         return;