From 0948c2626e5cfb34e548bc69d78fa401d3608927 Mon Sep 17 00:00:00 2001
From: pilgerowski <charles@pilger.com.br>
Date: Fri, 8 Jun 2018 18:03:38 -0300
Subject: [PATCH] Update vue-autocomplete.vue

Fixing bug: When you click on an option in the list and if you keep the button pressed and move the mouse the option is not selected.
---
 src/js/components/vue-autocomplete.vue | 43 +++++++++++++-------------
 1 file changed, 22 insertions(+), 21 deletions(-)

diff --git a/src/js/components/vue-autocomplete.vue b/src/js/components/vue-autocomplete.vue
index c338ded..8f67245 100644
--- a/src/js/components/vue-autocomplete.vue
+++ b/src/js/components/vue-autocomplete.vue
@@ -1,20 +1,19 @@
-
 <template>
   <div :class="`${getClassName('wrapper')} autocomplete-wrapper`">
-    <input
-      ref="input"
-      type="text"
-      :id="id"
-      :class="`${getClassName('input')} autocomplete-input`"
-      :placeholder="placeholder"
-      :name="name"
-      v-model="type"
-      @input="handleInput"
-      @dblclick="handleDoubleClick"
-      @blur="handleBlur"
-      @keydown="handleKeyDown"
-      @focus="handleFocus"
-      autocomplete="off"
+    <input 
+      ref="input" 
+      type="text" 
+      :id="id" 
+      :class="`${getClassName('input')} autocomplete-input`" 
+      :placeholder="placeholder" 
+      :name="name" 
+      v-model="type" 
+      @input="handleInput" 
+      @dblclick="handleDoubleClick" 
+      @blur="handleBlur" 
+      @keydown="handleKeyDown" 
+      @focus="handleFocus" 
+      autocomplete="off" 
     />
 
     <div
@@ -22,13 +21,15 @@
       v-show="showList && json.length"
     >
       <ul>
-        <li
-          v-for="(data, i) in json"
-          :class="activeClass(i)"
+        <li 
+          v-for="(data, i) in json" 
+          :class="activeClass(i)" 
+          :key='i'
         >
-          <a
-            href="#"
-            @click.prevent="selectList(data)"
+          <a 
+            href="#" 
+            @click.prevent 
+            @mousedown="selectList(data)" 
             @mousemove="mousemove(i)"
           >
             <div v-if="onShouldRenderChild" v-html="onShouldRenderChild(data)"></div>