When not showing search box, up/down arrows and searching still work.
- The hidden search box is displayed off-screen instead of taken off the dom. - User can type a search, but instead of filtering the results, just highlight the first matching result. Signed-off-by: Igor Vaynberg <igor.vaynberg@gmail.com>
This commit is contained in:
parent
4ba25b8095
commit
ec759ac809
@ -144,6 +144,12 @@ Version: @@ver@@ Timestamp: @@timestamp@@
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
.select2-container .select2-hide-search {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: -10000px;
|
||||
}
|
||||
|
||||
.select2-container .select2-search input {
|
||||
background: #fff url('select2.png') no-repeat 100% -22px;
|
||||
background: url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
|
||||
|
23
select2.js
23
select2.js
@ -735,6 +735,25 @@
|
||||
var parts = [], // html parts
|
||||
def; // default choice
|
||||
|
||||
// If we aren't showing the search input, do not filter items
|
||||
// but do highlight an item matching current search
|
||||
if(initial !== true && !this.showSearchInput){
|
||||
if(data.results.length > 0){
|
||||
var key = data.results[0].id,
|
||||
self = this;
|
||||
this.results.find("li").each(function(i, li){
|
||||
if($(li).data("select2-data").id == key){
|
||||
self.highlight(i);
|
||||
return false;
|
||||
}
|
||||
});
|
||||
} else {
|
||||
// if the search doesn't match, reset so user can search again
|
||||
search.val("");
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
// create a default choice and prepend it to the list
|
||||
if (this.opts.createSearchChoice && search.val() !== "") {
|
||||
def = this.opts.createSearchChoice.call(null, search.val(), data.results);
|
||||
@ -1022,8 +1041,8 @@
|
||||
// hide the search box if this is the first we got the results and there are a few of them
|
||||
|
||||
if (initial === true) {
|
||||
showSearchInput = data.results.length >= this.opts.minimumResultsForSearch;
|
||||
this.search.parent().toggle(showSearchInput);
|
||||
showSearchInput = this.showSearchInput = data.results.length >= this.opts.minimumResultsForSearch;
|
||||
this.search.parent()[showSearchInput ? "removeClass" : "addClass"]("select2-hide-search");
|
||||
|
||||
//add "select2-with-searchbox" to the container if search box is shown
|
||||
this.container[showSearchInput ? "addClass" : "removeClass"]("select2-with-searchbox");
|
||||
|
Loading…
x
Reference in New Issue
Block a user