Recalculate dropdown position when search changes

Author: dimirc

src/uiSelectController.js

@@ -142,6 +142,7 @@ uis.controller('uiSelectCtrl',
     ctrl.itemProperty = ctrl.parserResult.itemName;
 
     ctrl.refreshItems = function (data){
+      $scope.calculateDropdownPos();
       data = data || ctrl.parserResult.source($scope);
       var selectedItems = ctrl.selected;
       //TODO should implement for single mode removeSelected

src/uiSelectDirective.js

@@ -258,7 +258,11 @@ uis.directive('uiSelect',
 
         // Support changing the direction of the dropdown if there isn't enough space to render it.
         scope.$watch('$select.open', function(isOpen) {
-          if (isOpen) {
+          scope.calculateDropdownPos();
+        });
+
+        scope.calculateDropdownPos = function(){
+          if ($select.open) {
             dropdown = angular.element(element).querySelectorAll('.ui-select-dropdown');
             if (dropdown === null) {
               return;
@@ -269,6 +273,9 @@ uis.directive('uiSelect',
 
             // Delay positioning the dropdown until all choices have been added so its height is correct.
             $timeout(function(){
+
+              element.removeClass(directionUpClassName);
+
               var offset = uisOffset(element);
               var offsetDropdown = uisOffset(dropdown);
 
@@ -277,9 +284,14 @@ uis.directive('uiSelect',
 
               // Determine if the direction of the dropdown needs to be changed.
               if (offset.top + offset.height + offsetDropdown.height > scrollTop + $document[0].documentElement.clientHeight) {
+                //Go UP
                 dropdown[0].style.position = 'absolute';
                 dropdown[0].style.top = (offsetDropdown.height * -1) + 'px';
                 element.addClass(directionUpClassName);
+              }else{
+                //Go DOWN
+                dropdown[0].style.position = '';
+                dropdown[0].style.top = '';
               }
 
               // Display the dropdown once it has been positioned.
@@ -295,7 +307,7 @@ uis.directive('uiSelect',
               dropdown[0].style.top = '';
               element.removeClass(directionUpClassName);
           }
-        });
+        };
       };
     }
   };