RetailCRM-Mirror/select2
1
0
Fork 0
mirror of synced 2024-11-29 16:16:02 +03:00
Code Issues Projects Releases Wiki Activity

make selection on iOS more intuitive

Browse Source 
allow touchend to cause selection of touched item.
Detect touchmove events so that selection of touched item can be canceled
This commit is contained in:
Adam Schepis 2014-02-03 11:34:51 -05:00
parent 85de8cc1d6
commit eb09dfcce0
1 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
select2.js
View File

@ -715,6 +715,9 @@ the specific language governing permissions and limitations under the Apache Lic
installFilteredMouseMove(this.results); installFilteredMouseMove(this.results);
this.dropdown.on("mousemove-filtered touchstart touchmove touchend", resultsSelector, this.bind(this.highlightUnderEvent)); this.dropdown.on("mousemove-filtered touchstart touchmove touchend", resultsSelector, this.bind(this.highlightUnderEvent));
this.dropdown.on("touchend", resultsSelector, this.bind(this.selectHighlighted));
this.dropdown.on("touchmove", resultsSelector, this.bind(this.touchMoved));
this.dropdown.on("touchstart touchend", resultsSelector, this.bind(this.clearTouchMoved));
installDebouncedScroll(80, this.results); installDebouncedScroll(80, this.results);
this.dropdown.on("scroll-debounced", resultsSelector, this.bind(this.loadMoreIfNeeded)); this.dropdown.on("scroll-debounced", resultsSelector, this.bind(this.loadMoreIfNeeded));
@ -1483,6 +1486,14 @@ the specific language governing permissions and limitations under the Apache Lic
this.results.find(".select2-highlighted").removeClass("select2-highlighted"); this.results.find(".select2-highlighted").removeClass("select2-highlighted");
}, },
touchMoved: function() {
this._touchMoved = true;
},
clearTouchMoved: function() {
this._touchMoved = false;
},
// abstract // abstract
countSelectableResults: function() { countSelectableResults: function() {
return this.findHighlightableChoices().length; return this.findHighlightableChoices().length;
@ -1715,6 +1726,10 @@ the specific language governing permissions and limitations under the Apache Lic
// abstract // abstract
selectHighlighted: function (options) { selectHighlighted: function (options) {
if (this._touchMoved) {
this.clearTouchMoved();
return;
}
var index=this.highlight(), var index=this.highlight(),
highlighted=this.results.find(".select2-highlighted"), highlighted=this.results.find(".select2-highlighted"),
data = highlighted.closest('.select2-result').data("select2-data"); data = highlighted.closest('.select2-result').data("select2-data");