momentarily halt close of dropdowns to allow clicks inside

and importantly, whilst allowing the dropdown to autoclose
area17 · Jan 6, 2025 · 053c544 · 053c544
1 parent 90da826
commit 053c544
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/frontend/js/components/Dropdown.vue b/frontend/js/components/Dropdown.vue
@@ -172,8 +172,13 @@
           }
         }
 
-        if (!this.clickable) this.close()
-        else if (!this.$el.querySelector('[data-dropdown-content]').contains(target) && this.clickable) this.close()
+        // timeout so the click is not triggered directly
+        this.timer = setTimeout(() => {
+          this.timer = null
+
+          if (!this.clickable) this.close()
+          else if (!this.$el.querySelector('[data-dropdown-content]').contains(target) && this.clickable) this.close()
+        }, 1)
       },
       open: function (onShow) {
         if (this.active) return