diff --git a/src/bootstrap/select.tpl.html b/src/bootstrap/select.tpl.html
index 880396a38..3362317b0 100644
--- a/src/bootstrap/select.tpl.html
+++ b/src/bootstrap/select.tpl.html
@@ -8,6 +8,7 @@
class="form-control ui-select-search"
placeholder="{{$select.placeholder}}"
ng-model="$select.search"
- ng-show="$select.searchEnabled && $select.open">
+ ng-show="$select.open"
+ ng-class="{'ui-select-search-disabled' : !$select.searchEnabled}">
diff --git a/src/select.css b/src/select.css
index c5aecbd2a..6ea0e8671 100644
--- a/src/select.css
+++ b/src/select.css
@@ -184,3 +184,7 @@
.ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
border-color: #D44950;
}
+
+.ui-select-search-disabled {
+ position: fixed; top: -80px; left: -20px;
+}
diff --git a/src/selectize/select.tpl.html b/src/selectize/select.tpl.html
index 1587ab8c7..2ab01892b 100644
--- a/src/selectize/select.tpl.html
+++ b/src/selectize/select.tpl.html
@@ -1,6 +1,6 @@
diff --git a/test/select.spec.js b/test/select.spec.js
index 32271d606..44c6bd5d9 100644
--- a/test/select.spec.js
+++ b/test/select.spec.js
@@ -1067,12 +1067,12 @@ describe('ui-select tests', function() {
it('should show search input when true', function() {
setupSelectComponent(true, 'selectize');
- expect($(el).find('.ui-select-search')).not.toHaveClass('ng-hide');
+ expect($(el).find('.ui-select-search')).not.toHaveClass('ui-select-search-disabled');
});
it('should hide search input when false', function() {
setupSelectComponent(false, 'selectize');
- expect($(el).find('.ui-select-search')).toHaveClass('ng-hide');
+ expect($(el).find('.ui-select-search')).toHaveClass('ui-select-search-disabled');
});
});
@@ -1096,13 +1096,13 @@ describe('ui-select tests', function() {
it('should show search input when true', function() {
setupSelectComponent('true', 'bootstrap');
clickMatch(el);
- expect($(el).find('.ui-select-search')).not.toHaveClass('ng-hide');
+ expect($(el).find('.ui-select-search')).not.toHaveClass('ui-select-search-disabled');
});
it('should hide search input when false', function() {
setupSelectComponent('false', 'bootstrap');
clickMatch(el);
- expect($(el).find('.ui-select-search')).toHaveClass('ng-hide');
+ expect($(el).find('.ui-select-search')).toHaveClass('ui-select-search-disabled');
});
});