From d834f2c9939b18d5d9dc397465e66e45f6a294a8 Mon Sep 17 00:00:00 2001
From: Hamish Robertson <hnorobertson@gmail.com>
Date: Fri, 22 Mar 2019 17:37:28 +0000
Subject: [PATCH] Only ignore searchBlur while mouse is down (#787)

This maintains the existing functionality in IE11 but in modern browsers allows the options to be dismissed by clicking outside the options
---
 src/components/Select.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/Select.vue b/src/components/Select.vue
index 55f770e..b9f970c 100644
--- a/src/components/Select.vue
+++ b/src/components/Select.vue
@@ -369,7 +369,7 @@
     </div>
 
     <transition :name="transition">
-      <ul ref="dropdownMenu" v-if="dropdownOpen" class="dropdown-menu" :style="{ 'max-height': maxHeight }" role="listbox" @mousedown="onMousedown">
+      <ul ref="dropdownMenu" v-if="dropdownOpen" class="dropdown-menu" :style="{ 'max-height': maxHeight }" role="listbox" @mousedown="onMousedown" @mouseup="onMouseup">
         <li role="option" v-for="(option, index) in filteredOptions" v-bind:key="index" :class="{ active: isOptionSelected(option), highlight: index === typeAheadPointer }" @mouseover="typeAheadPointer = index">
           <a @mousedown.prevent.stop="select(option)">
           <slot name="option" v-bind="(typeof option === 'object')?option:{[label]: option}">
@@ -1076,6 +1076,10 @@
        */
       onMousedown() {
         this.mousedown = true
+      },
+
+      onMouseup() {
+        this.mousedown = false
       }
     },