Deleting selections from multi-select using backspace causes browser back in IE11

[RochDs]

Deleting the tag using backspace causes browser back. This occurs in IE 11 but not in Chrome 41.0.

Jsfiddle: http://jsfiddle.net/6XvqX/822/

[kevin-brown]

I was able to reproduce the issue locally in IE, will do more testing later.

[RochDs]

Thank you Kevin!

[miguellobato84]

Still having the problem in IE9 and rc2

[miguellobato84]

Solved modifying the following code:

this.$selection.on('keydown', '.select2-search--inline', function (evt) {
    evt.stopPropagation();
    self.trigger('keypress', evt);
    self._keyUpPrevented = evt.isDefaultPrevented();
    var key = evt.which;
    if (key === KEYS.BACKSPACE && self.$search.val() === '') {
        var $previousChoice = self.$searchContainer.prev('.select2-selection__choice');
        if ($previousChoice.length > 0) {
            var item = $previousChoice.data('data');
            self.searchRemoveChoice(item);
            self.$search.val("").blur().focus();
            evt.preventDefault();
        }
    }
});

[kevin-brown]

This is fixed on master but is not yet in a release.

[RochDs]

Hi Kevin, when will this fix be available in the release?

[kevin-brown]

This should have been included in the 4.0.0 release that went out about two weeks ago. Can you confirm if you are still having issues with it?

[RochDs]

Hi Kevin, I have not yet taken the latest release. I will get it, and revert incase of issues.

[nfriend]

I am experiencing this issue in IE 11 when using select2.js or select2.min.js, but not when using select2.full.js.

As a side note, the fix in select2.full.js disables the backspace key completely after the deletion of a single tag, which is certainly better than navigating backwards in history, but still not as satisfactory as the expected behavior of continued tag deletion.

[kevin-brown]

I am experiencing this issue in IE 11 when using select2.js or select2.min.js, but not when using select2.full.js.

Do you want to create a pair of jsfiddles (one with the full, one with the regular build) and a step by step set of instructions for how you are testing?

I'm not sure what would be included in the full builds that would be affecting this.

[nfriend]

I can't seem to reproduce the difference between select2.js and select2.full.js in a jsfiddle - perhaps I was just using an out-of-date version of library before. I am still getting the backspace = back behavior using either version of the library in IE11, however:

• jsfiddle using select2.full.js
• jsfiddle using select2.js

Both jsfiddles use the latest version of library from the /dist directory on master. To reproduce (in IE11):

• Select more than one option inside the Select2 control
• Try to delete all of the selected options using backspace

[thomashertog]

any updates on this issue?
I'm still experiencing this issue.
My setup is Select2-4.0.0 (doesn't matter whether I use the full or the normal script file)
Using IE 11

[licicego]

Using select2 with multiple tags in my project, the following code helped:

  $(".select2-selection__rendered").on('keydown', function (e) {
        if ($(".select2-search__field valid").prevObject.context.activeElement.value == "" && e.which === 8) {
            event.preventDefault();
        }
    });

[MtarantoOa]

Hi guys Im using select2 in an Angular 2 template. We use the backspace key to delete the tags of the input. We found this solution:
`

$.fn.select2.amd.require(['select2/selection/search'], function (Search) {
			var oldRemoveChoice = Search.prototype.searchRemoveChoice;

			Search.prototype.searchRemoveChoice = function () {
				oldRemoveChoice.apply(this, arguments);
				this.$search.val('');
			};
		});

`

That work great on Chrome. But on IE the second time I hit the backspace key the browser just go back.
I was looking for some solution like change the version of the library but it does not work for me.

Im using this version: "select2": "4.0.3"

Do you know any workaround or how to fix this?

[alexweissman]

Have you tried pulling the master branch?

This is fixed on master but is not yet in a release.

[MtarantoOa]

@alexweissman Thanks for you answer.
Im using this library
https://github.com/NejcZdovc/ng2-select2

It uses select2 and I get the code of the library from npm. I think it get from master branch.
I manually download and replace the files and still not working.

Thanks!

[alexweissman]

It looks like the wrapper pulls the last release (not master): https://github.com/NejcZdovc/ng2-select2/blob/master/package.json#L31

Also, have you confirmed that this is still an issue even without using the wrapper?

[qw789]

It is still not working in IE11.......

[alexweissman]

It would seem that this is still a problem, even in 4.0.6-rc.1 with the fix from #4860.

[alexweissman]

#3394 claims to resolve this problem.

[pedrofurtado]

Discussion continues here -> #3394

[christopheroussy]

This is still broken with version 4.0.7 and IE11 on windows 10.