Select2 v4 Cursor sticks to the control for multiselect

[sunalive]

After clicking in multiselect with v4, the cursor does not leave the control. If clicked outside, the control shows up at the top-left of the page. Here are the results of various actions to focus out.

After clicking outside the element:

After pressing tab (to focus out):

After clicking (focus) another field:

After clicking a different element (a different tab in this case):

[penihel]

Hello.

I had a similar problem.

In my case, the problem is because the "select2" creates the Dropdown elements always attached to the body element.

So I used the "dropdownParent" option assigning as div element parent of the select tag.

See on options:https://select2.github.io/options.html and search for "Dropdown"

[kevin-brown]

Sounds like an interesting issue, is there a jsbin/jsfiddle where we can reproduce this issue at?

[sunalive]

Forgot to mention that this issue is found only in IE (my version is 11). This is not found in Firefox or Chrome.

[kevin-brown]

Forgot to mention that this issue is found only in IE (my version is 11).

Sounds like it may be related to #3300.

I recently fixed a focus war issue on master, but unfortunately that is currently failing to build on IE.