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 @@
+ aria-label="{{ $select.baseTitle }}" + ng-class="{'ui-select-search-disabled' : !$select.searchEnabled}">
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'); }); });