fix(Multiple Select): Dont scroll to top when select multiple items

Thanks @frnan for the solution

Closes #59

Author: leocaseiro

dist/angular-chosen.js

@@ -1,6 +1,6 @@
 /**
  * angular-chosen-localytics - Angular Chosen directive is an AngularJS Directive that brings the Chosen jQuery in a Angular way
- * @version v1.4.2
+ * @version v1.4.3
  * @link http://github.com/leocaseiro/angular-chosen
  * @license MIT
  */
@@ -67,8 +67,12 @@
           chosen = null;
           empty = false;
           initOrUpdate = function() {
-            var defaultText;
+            var defaultText, dropListDom;
             if (chosen) {
+              dropListDom = $(element.parent()).find("div.chosen-drop");
+              if (dropListDom && dropListDom.length > 0 && dropListDom.css("left").indexOf("0") >= 0) {
+                return;
+              }
               return element.trigger('chosen:updated');
             } else {
               $timeout(function() {

dist/angular-chosen.min.js

@@ -132,6 +132,12 @@ <h2>#179 - inherit-select-class inside ng-if:</h2>
     </select>
   </div>
 
+  <h2>#59 - Don't scroll to top when selecting multiple items with ctrl</h2>
+  <div>
+    <select multiple chosen  ng-model="state" ng-options="s for s in states" style="width:200px;">
+      <option value=""></option>
+    </select>
+  </div>
 
 </body>
 

example/index.coffee

@@ -2,7 +2,7 @@
   "name": "angular-chosen-localytics",
   "filename": "chosen.js",
   "main": "dist/angular-chosen.js",
-  "version": "1.4.2",
+  "version": "1.4.3",
   "description": "Angular Chosen directive is an AngularJS Directive that brings the Chosen jQuery in a Angular way",
   "homepage": "http://github.com/leocaseiro/angular-chosen",
   "repository": {
@@ -40,7 +40,8 @@
     "slobo",
     "lpsBetty",
     "nike-17",
-    "vstene"
+    "vstene",
+    "frnan"
   ],
   "dependencies": {
     "angular": "^1.5.7",

example/index.html

@@ -76,7 +76,11 @@ angular.module('localytics.directives').directive 'chosen', ['$timeout', ($timeo
 
     initOrUpdate = ->
       if chosen
-        element.trigger('chosen:updated')
+        # Fix #56 Don't scroll to top when selecting multiple items with ctrl
+        dropListDom = $(element.parent()).find("div.chosen-drop") #uses jQuery instead of Angular.
+        if dropListDom && dropListDom.length > 0 && dropListDom.css("left").indexOf("0") >= 0
+          return
+        return element.trigger('chosen:updated')
       else
         $timeout ->
          chosen = element.chosen(options).data('chosen')