Don't size search input below min width when recalculating width (#7)

Author: lameyer

dist/select.css

@@ -1,7 +1,7 @@
 /*!
  * ui-select
  * http://github.com/angular-ui/ui-select
- * Version: 0.19.6 - 2017-06-17T00:07:08.500Z
+ * Version: 0.19.6 - 2017-06-19T20:41:18.630Z
  * License: MIT
  */
 

dist/select.js

@@ -1,7 +1,7 @@
 /*!
  * ui-select
  * http://github.com/angular-ui/ui-select
- * Version: 0.19.6 - 2017-06-17T00:07:08.282Z
+ * Version: 0.19.6 - 2017-06-19T20:41:18.435Z
  * License: MIT
  */
 
@@ -828,6 +828,7 @@ uis.controller('uiSelectCtrl',
 
     var input = ctrl.searchInput[0],
         container = ctrl.searchInput.parent().parent()[0],
+        minInputWidth = 50,
         calculateContainerWidth = function() {
           // Return the container width only if the search input is visible
           return container.clientWidth * !!input.offsetParent;
@@ -837,12 +838,14 @@ uis.controller('uiSelectCtrl',
             return false;
           }
           var inputWidth = containerWidth - input.offsetLeft - 10;
-          if (inputWidth < 50) inputWidth = containerWidth;
+          if (inputWidth < minInputWidth) inputWidth = containerWidth;
           ctrl.searchInput.css('width', inputWidth+'px');
           return true;
         };
 
-    ctrl.searchInput.css('width', '10px');
+    // set width to minimum allowed width plus some padding
+    // to fit it on the same line as last tag if possible
+    ctrl.searchInput.css('width', (minInputWidth + 10)+'px');
     $timeout(function() { //Give tags time to render correctly
       if (sizeWatch === null && !updateIfVisible(calculateContainerWidth())) {
         sizeWatch = $scope.$watch(function() {

dist/select.min.css

@@ -548,6 +548,7 @@ uis.controller('uiSelectCtrl',
 
     var input = ctrl.searchInput[0],
         container = ctrl.searchInput.parent().parent()[0],
+        minInputWidth = 50,
         calculateContainerWidth = function() {
           // Return the container width only if the search input is visible
           return container.clientWidth * !!input.offsetParent;
@@ -557,12 +558,14 @@ uis.controller('uiSelectCtrl',
             return false;
           }
           var inputWidth = containerWidth - input.offsetLeft - 10;
-          if (inputWidth < 50) inputWidth = containerWidth;
+          if (inputWidth < minInputWidth) inputWidth = containerWidth;
           ctrl.searchInput.css('width', inputWidth+'px');
           return true;
         };
 
-    ctrl.searchInput.css('width', '10px');
+    // set width to minimum allowed width plus some padding
+    // to fit it on the same line as last tag if possible
+    ctrl.searchInput.css('width', (minInputWidth + 10)+'px');
     $timeout(function() { //Give tags time to render correctly
       if (sizeWatch === null && !updateIfVisible(calculateContainerWidth())) {
         sizeWatch = $scope.$watch(function() {