Fix input event in IE
This closes https://github.com/select2/select2/issues/3300 This closes https://github.com/select2/select2/pull/3677
This commit is contained in:
parent
ab14751507
commit
66ae2ad1d5
30
src/js/select2/selection/search.js
vendored
30
src/js/select2/selection/search.js
vendored
@ -88,12 +88,33 @@ define([
|
|||||||
// Workaround for browsers which do not support the `input` event
|
// Workaround for browsers which do not support the `input` event
|
||||||
// This will prevent double-triggering of events for browsers which support
|
// This will prevent double-triggering of events for browsers which support
|
||||||
// both the `keyup` and `input` events.
|
// both the `keyup` and `input` events.
|
||||||
this.$selection.on('input', '.select2-search--inline', function (evt) {
|
this.$selection.on(
|
||||||
|
'input.searchcheck',
|
||||||
|
'.select2-search--inline',
|
||||||
|
function (evt) {
|
||||||
|
// Try to detect the IE version should the `documentMode` property that
|
||||||
|
// is stored on the document. This is only implemented in IE and is
|
||||||
|
// slightly cleaner than doing a user agent check.
|
||||||
|
// This property is not available in Edge, but Edge also doesn't have
|
||||||
|
// this bug.
|
||||||
|
var msie = document.documentMode;
|
||||||
|
|
||||||
|
// IE will trigger the `input` event when a placeholder is used on a
|
||||||
|
// search box. To get around this issue, we are forced to ignore all
|
||||||
|
// `input` events in IE and keep using `keyup`.
|
||||||
|
if (msie && msie <= 11) {
|
||||||
|
self.$selection.off('input.search input.searchcheck');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
// Unbind the duplicated `keyup` event
|
// Unbind the duplicated `keyup` event
|
||||||
self.$selection.off('keyup.search');
|
self.$selection.off('keyup.search');
|
||||||
});
|
}
|
||||||
|
);
|
||||||
|
|
||||||
this.$selection.on('keyup.search input', '.select2-search--inline',
|
this.$selection.on(
|
||||||
|
'keyup.search input.search',
|
||||||
|
'.select2-search--inline',
|
||||||
function (evt) {
|
function (evt) {
|
||||||
var key = evt.which;
|
var key = evt.which;
|
||||||
|
|
||||||
@ -108,7 +129,8 @@ define([
|
|||||||
}
|
}
|
||||||
|
|
||||||
self.handleSearch(evt);
|
self.handleSearch(evt);
|
||||||
});
|
}
|
||||||
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
Loading…
Reference in New Issue
Block a user