feat(uiSelectMultiple): click anywhere to search when using bootstrap theme

src/bootstrap/match-multiple.tpl.html

@@ -8,7 +8,7 @@
       ng-click="$selectMultiple.activeMatchIndex = $index;"
       ng-class="{'btn-primary':$selectMultiple.activeMatchIndex === $index, 'select-locked':$select.isLocked(this, $index)}"
       ui-select-sort="$select.selected">
-        <span class="close ui-select-match-close" ng-hide="$select.disabled" ng-click="$selectMultiple.removeChoice($index)">&nbsp;&times;</span>
+        <span class="close ui-select-match-close" ng-hide="$select.disabled" ng-click="$selectMultiple.removeChoice($index, $event)">&nbsp;&times;</span>
         <span uis-transclude-append></span>
     </span>
   </span>

src/bootstrap/select-multiple.tpl.html

@@ -1,5 +1,5 @@
 <div class="ui-select-container ui-select-multiple ui-select-bootstrap dropdown form-control" ng-class="{open: $select.open}">
-  <div>
+  <label class="ui-select-search-wrapper">
     <div class="ui-select-match"></div>
     <span ng-show="$select.open && $select.refreshing && $select.spinnerEnabled" class="ui-select-refreshing {{$select.spinnerClass}}"></span>
     <input type="search"
@@ -17,7 +17,7 @@
            aria-label="{{$select.baseTitle}}"
            ng-class="{'spinner': $select.refreshing}"
            data-disallow-drop=data-disallow-drop>
-  </div>
+  </label>
   <div class="ui-select-choices"></div>
   <div class="ui-select-no-choice"></div>
 </div>

src/common.css

@@ -352,3 +352,11 @@ body > .ui-select-bootstrap.open {
 .ui-select-refreshing.ng-animate {
   -webkit-animation: none 0s;
 }
+
+/* ui-select-multiple search wrapper */
+.ui-select-search-wrapper {
+  display: block;
+  margin: 0;
+  cursor: text;
+  font-weight: normal;
+}

src/uiSelectMultipleDirective.js

@@ -35,7 +35,11 @@ uis.directive('uiSelectMultiple', ['uiSelectMinErr','$timeout', function(uiSelec
       };
 
       // Remove item from multiple select
-      ctrl.removeChoice = function(index){
+      ctrl.removeChoice = function(index, event){
+        // do not open the results dropdown
+        if(event) {
+          event.stopPropagation();
+        }
 
         // if the choice is locked, don't remove it
         if($select.isLocked(null, index)) return false;