selectOnClose: true should not select highlighted option when esc pressed

[dbeusee]

Steps to reproduce the issue

1. Use selectOnClose: true option.
2. Highlight an option that's not the currently selected option.
3. Press Esc

Expected behavior and actual behavior

When I follow those steps, I see...

I was expecting it to keep currently selected option, but actually it selected highlighted option. My goal for using selectOnClose was to have tab key work to select it.

Environment

Browsers

• Google Chrome
• Mozilla Firefox
• Internet Explorer

Operating System

• Windows 10
• Mac OS X
• Linux
• Mobile

Libraries

• jQuery version: 2.0.2
• Select2 version: 4.0.3

Isolating the problem

• This bug happens on the examples page
• The bug happens consistently across all tested browsers
• This bug happens when using Select2 without other pluigns
• I can reproduce this bug in a jsbin

[alexweissman]

As per the documentation, this is the expected behavior:

Select2 can be configured to automatically select the currently highlighted result when the dropdown is closed by using the selectOnClose option

See #4578 for a more detailed discussion of this behavior. I would tend to agree with you, that ESC should behave more like a "cancel" action, and keep the currently selected value.

It's also important to determine how this should behave in multi-select cases as well.

[dbeusee]

Hey pedrofurtado, why did you close my issue? And without a comment! Alex agreed that esc should act like cancel, basically undoing any change since entering the field leaving the previous value(s) unchanged.

[pedrofurtado]

We don't have immediate plans to provide this. We are focused to fix some major UI bugs (that are majority of issues and PR's). But if you open a PR with unit tests, I will be glad to review and approve if everything is ok 👍

[sattukishore]

@pedrofurtado this is happening in case of free text also(tags : true). Even when entered sometext and clicking inside input field creating pill. Any solutions how to prevent this??