Various fixes

Author: SimonSteinberger

auto-complete.js

@@ -1,5 +1,5 @@
 /*
-    JavaScript autoComplete v1.0.1
+    JavaScript autoComplete v1.0.2
     Copyright (c) 2014 Simon Steinberger / Pixabay
     GitHub: https://github.com/Pixabay/JavaScript-autoComplete
     License: http://www.opensource.org/licenses/mit-license.php
@@ -92,7 +92,7 @@ var autoComplete = (function(){
                 this.className += ' selected';
             }, that.sc);
 
-            live('autocomplete-suggestion', 'mouseup', function(e){
+            live('autocomplete-suggestion', 'mousedown', function(e){
                 if (hasClass(this, 'autocomplete-suggestion')) { // else outside click
                     var v = this.getAttribute('data-val');
                     that.value = v;
@@ -106,7 +106,8 @@ var autoComplete = (function(){
                 if (!over_sb) {
                     that.last_val = that.value;
                     that.sc.style.display = 'none';
-                } else if (that !== document.activeElement) that.focus();
+                    setTimeout(function(){ that.sc.style.display = 'none'; }, 350); // hide suggestions on fast input
+                } else if (that !== document.activeElement) setTimeout(function(){ that.focus(); }, 20);
             };
             addEvent(that, 'blur', that.blurHandler);
 
@@ -147,9 +148,9 @@ var autoComplete = (function(){
                 // esc
                 else if (key == 27) { that.value = that.last_val; that.sc.style.display = 'none'; }
                 // enter
-                else if (key == 13) {
+                else if (key == 13 || key == 9) {
                     var sel = that.sc.querySelector('.autocomplete-suggestion.selected');
-                    if (sel) { o.onSelect(e, sel.getAttribute('data-val'), sel); setTimeout(function(){ that.sc.style.display = 'none'; }, 10); }
+                    if (sel && that.sc.style.display != 'none') { o.onSelect(e, sel.getAttribute('data-val'), sel); setTimeout(function(){ that.sc.style.display = 'none'; }, 20); }
                 }
             };
             addEvent(that, 'keydown', that.keydownHandler);

auto-complete.min.js

@@ -1,7 +1,7 @@
 {
     "name": "javascript-auto-complete",
 	"description": "An extremely lightweight vanilla JavaScript completion suggester.",
-    "version": "1.0.1",
+    "version": "1.0.2",
     "homepage": "https://github.com/Pixabay/JavaScript-autoComplete",
     "authors": [{
         "name": "Simon Steinberger",

bower.json

@@ -128,11 +128,10 @@ <h3>Settings</h3>
             <tr><td colspan="3">&nbsp;</td></tr>
             <tr><th>Callbacks</th><th colspan="2"></th></tr>
             <tr><td>onSelect(event, term, item)</td><td colspan="2">
-                A callback function that fires when a suggestion is <b>selected by mouse click or pressing enter</b>.
+                A callback function that fires when a suggestion is selected by mouse click, enter, or tab.
                 <span class="inline-code">event</span> is the event that triggered the callback,
                 <span class="inline-code">term</span> is the selected value.
                 and <span class="inline-code">item</span> is the item rendered by the renderItem function.
-                onSelect does <b>not</b> fire when pressing <i>Enter</i>, <i>Tab</i>, and other control keys that are passed directly to the input field.
             </td></tr>
 
             <tr><td colspan="3">&nbsp;</td></tr>

demo.html

@@ -22,6 +22,12 @@ https://goodies.pixabay.com/javascript/auto-complete/demo.html
 
 ## Changelog
 
+### Version 1.0.2 - 2015/08/15
+
+* Fixed: Hide suggestions on fast input.
+* Fixed: Select item with tab.
+* Fixed: Incorrect selection by mouse when suggestions are scrolled down.
+
 ### Version 1.0.1 - 2015/06/08
 
 * Simplified code and minor bug fixes.