fix(autocomplete): clicking on the scrollbar in the dropdown will no longer cause the list to hide

Closes #1739.

Author: Robert Messerle

src/components/autocomplete/js/autocompleteController.js

@@ -16,7 +16,8 @@
           input: $element[0].getElementsByTagName('input')[0]
         },
         promise = null,
-        cache = {};
+        cache = {},
+        noBlur = false;
 
     //-- public variables
     self.scope = $scope;
@@ -34,6 +35,11 @@
     self.fetch = $mdUtil.debounce(fetchResults);
     self.messages = [];
 
+    //-- While the mouse is inside of the dropdown, we don't want to handle input blur
+    //-- This is to allow the user to scroll the list without causing it to hide
+    self.listEnter = function () { noBlur = true; };
+    self.listLeave = function () { noBlur = false; };
+
     return init();
 
     //-- start method definitions
@@ -129,7 +135,7 @@
     }
 
     function blur () {
-      self.hidden = true;
+      if (!noBlur) self.hidden = true;
     }
 
     function keydown (event) {

src/components/autocomplete/js/autocompleteDirective.js

@@ -63,7 +63,9 @@
               ng-if="$mdAutocompleteCtrl.loading"\
               md-mode="indeterminate"></md-progress-linear>\
         </md-autocomplete-wrap>\
-        <ul role="presentation">\
+        <ul role="presentation"\
+            ng-mouseenter="$mdAutocompleteCtrl.listEnter()"\
+            ng-mouseleave="$mdAutocompleteCtrl.listLeave()">\
           <li ng-repeat="(index, item) in $mdAutocompleteCtrl.matches"\
               ng-class="{ selected: index === $mdAutocompleteCtrl.index }"\
               ng-show="searchText && !$mdAutocompleteCtrl.hidden"\