From b8fbefdc2d66485d0bd57393d2aa54fb6c8a0fbc Mon Sep 17 00:00:00 2001
From: Markus <doits@users.noreply.github.com>
Date: Sat, 26 Oct 2019 20:42:50 +0200
Subject: [PATCH] fix unclosable select dropdown when clicking on dropdown
 (#949)

The reason for the bug was: clicking on the area blurred the search
input. vue-slect relies on this event to close the dropdown.
Since the click happend inside the dropdown, it did not
close (which is correct). Though now the search input was blurred
already, so clicking outside of the dropdown had no effect. Be
preventing event propagation, the input does not get blurred anymore
when clicking inside the dropdown and everything still works.
---
 src/components/Select.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Select.vue b/src/components/Select.vue
index 4fdd2c5..f2aba4e 100644
--- a/src/components/Select.vue
+++ b/src/components/Select.vue
@@ -51,7 +51,7 @@
     </div>
 
     <transition :name="transition">
-      <ul ref="dropdownMenu" v-if="dropdownOpen" class="vs__dropdown-menu" role="listbox" @mousedown="onMousedown" @mouseup="onMouseUp">
+      <ul ref="dropdownMenu" v-if="dropdownOpen" class="vs__dropdown-menu" role="listbox" @mousedown.prevent="onMousedown" @mouseup="onMouseUp">
         <li
           role="option"
           v-for="(option, index) in filteredOptions"