From f66a78a5c963e13e2fd38ed048250b654dafd03d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Krela?= <michal.krela@monstercouch.com>
Date: Tue, 31 Mar 2026 13:32:55 +0200
Subject: [PATCH] Fix event listener handling and improve button click behavior
 in DiffFileExtensionFilter

---
 web_src/js/components/DiffFileExtensionFilter.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web_src/js/components/DiffFileExtensionFilter.vue b/web_src/js/components/DiffFileExtensionFilter.vue
index 35c1a4a73e..1234d7afac 100644
--- a/web_src/js/components/DiffFileExtensionFilter.vue
+++ b/web_src/js/components/DiffFileExtensionFilter.vue
@@ -27,10 +27,10 @@ export default defineComponent({
     };
   },
   mounted() {
-    document.body.addEventListener('click', this.onBodyClick);
+    document.body.addEventListener('click', this.onBodyClick, true);
   },
   unmounted() {
-    document.body.removeEventListener('click', this.onBodyClick);
+    document.body.removeEventListener('click', this.onBodyClick, true);
   },
   methods: {
     onBodyClick(event: MouseEvent) {
@@ -155,7 +155,7 @@ export default defineComponent({
       ref="expandBtn"
       class="ui tiny basic button tw-relative"
       :class="{'diff-ext-filter-btn-active': isFiltering}"
-      @click.stop="toggleMenu()"
+      @click="toggleMenu()"
       :data-tooltip-content="locale.filter_by_file_extension"
       aria-haspopup="true"
       :aria-label="locale.filter_by_file_extension"
@@ -181,7 +181,7 @@ export default defineComponent({
                 />
                 <label :for="`ext-filter-${ext.ext}`" class="tw-cursor-pointer">
                   <span class="tw-font-mono">{{ ext.ext }}</span>
-                  <span class="tw-text-text-light-2">({{ ext.count }})</span>
+                  <span class="tw-text-text-light-2"> ({{ ext.count }})</span>
                 </label>
               </div>
             </div>