RetailCRM-Mirror/select2
1
0
Fork 0
mirror of synced 2025-02-16 20:13:16 +03:00
Code Issues Projects Releases Wiki Activity

full tabbing support for the mac. closes #132

Browse Source
This commit is contained in:
Igor Vaynberg 2012-06-21 21:18:13 -07:00
parent e13dc41654
commit 16c3d31e06
2 changed files with 18 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
select2.css
View File

@ -468,4 +468,6 @@ disabled look for already selected choices in the results dropdown
}
/* end multiselect */
.select2-match { text-decoration: underline; }
.select2-match { text-decoration: underline; }
.select2-offscreen { position: absolute; left: -1000px; }

19
select2.js
View File

@ -1022,7 +1022,7 @@
"class": "select2-container",
"style": "width: " + this.getContainerWidth()
}).html([
" <a href='javascript:void(0)' class='select2-choice'>",
" <a href='javascript:void(0)' class='select2-choice'><input type='text' class='select2-offscreen select2-focusser'/>",
" <span></span><abbr class='select2-search-choice-close' style='display:none;'></abbr>",
" <div><b></b></div>" ,
"</a>",
@ -1075,7 +1075,8 @@
dropdown = this.dropdown,
containers = $([this.container.get(0), this.dropdown.get(0)]),
clickingInside = false,
selector = ".select2-choice";
selector = ".select2-choice",
focusser=container.find("input.select2-focusser");
this.selection = selection = container.find(selector);
@ -1126,9 +1127,10 @@
}
}));
containers.delegate(selector, "focus", function () { if (this.enabled) { containers.addClass("select2-container-active"); dropdown.addClass("select2-drop-active"); }});
containers.delegate(selector, "blur", this.bind(function () {
containers.delegate(selector, "blur", this.bind(function (e) {
if (clickingInside) return;
if (!this.opened()) this.blur();
if (e.target===focusser.get(0)) return; // ignore blurs from focusser
if (!this.opened()) { this.blur(); }
}));
selection.delegate("abbr", "click", this.bind(function (e) {
@ -1137,9 +1139,18 @@
killEvent(e);
this.close();
this.triggerChange();
selection.focus();
}));
this.setPlaceholder();
focusser.bind("focus", function() { selection.focus(); });
selection.bind("focus", this.bind(function() {
focusser.hide();
this.container.addClass("select2-container-active");
}));
selection.bind("blur", function() { focusser.show(); });
this.opts.element.bind("open", function() { focusser.hide(); });
},
/**