Improve search experience

WasabiFan · WasabiFan · commit a7c59b99ef88 · 2015-11-15T19:01:03.000-08:00
diff --git a/_includes/header.html b/_includes/header.html
@@ -70,8 +70,8 @@
                 </ul>
                 <!-- items below float right, so appear in reverse order -->
                 <div id="search-container">
-                    <form class="navbar-form navbar-right dropdown">
-                        <input type="text" id="search-input" class="form-control" onfocus="searchFocus()" onkeyup="searchTextChanged()" placeholder="Quick nav" onkeypress="this.onkeyup();" onpaste="this.onkeyup();" oninput="this.onkeyup();" autocomplete="off" />
+                    <form class="navbar-form navbar-right dropdown" onsubmit="return false;">
+                        <input type="text" id="search-input" class="form-control" placeholder="Quick nav" autocomplete="off" />
                         <div class="dropdown-menu" id="search-dropdown">
                             <div class="search-results-container" id="search-results-docs">
                                 <h2>In docs</h2>
diff --git a/javascripts/search.js b/javascripts/search.js
@@ -29,6 +29,12 @@ $(document).ready(function () {
             hideSearchDropdown();
         }
     });
+
+    $('#search-input')
+        .focus(searchFocus)
+        .keyup(searchTextChanged);
+
+
 });
 
 Array.prototype.clean = function(deleteValue) {
@@ -171,11 +177,13 @@ function doSearch(query) {
 
         resultArea.loadTemplate($('#search-result-template'), results[i], { append: true} );
 
-        resultArea.children().last().show(400);
-        if(i < results.length - 1)
+        resultArea.children().last().show(20);
+
+        if(i < results.length - 1) {
             itemLoadTimer = setTimeout(function() {
                 loadItem(i + 1)
-            }, 25);
+            }, 5);
+        }
     }
 
     if(results.length > 0)
