Draggable: Can't select option in modal dialog (IE8)

[grea]

The bug only appears in a modal dialog (jQuery UI 1.11 + IE8). Start typing the word and select it with the mouse. Option is not selected. If you make a long press of the mouse on the menu item, the list will disappear before the event mouseup ​http://jsbin.com/igeqam/75/edit

[tj.vantoll]

Confirmed against master. This works in 1.10.4, IE9, and non-modal dialogs.

So this is indeed specific to modal dialogs in IE8 with 1.11.

[tj.vantoll]

I tracked this down to a $( document.activeElement ).blur() call in draggable (see ​https://github.com/jquery/jquery-ui/blob/2d03839c07a33d14ec7b31b2d4290a8ce6fc0cef/ui/draggable.js#L108), that was introduced in ​https://github.com/jquery/jquery-ui/commit/fcd1cafac8afe3a947676ec018e844eeada5b9de#diff-d41d8cd98f00b204e9800998ecf8427e.

In Chrome and IE8 the activeElement is set to the <input>, but because IE8—in its infinite wisdom—handles blur calls synchronously, the menu gets closed immediately and the mouse click event never gets to the autocomplete widget. Adding a setTimeout fixes the issue, but it crushes my soul a little to add another level of complexity to an already insane block of code—nevertheless I shall. Forgive me internet. Forgive me.

[tj.vantoll]

PR: ​https://github.com/jquery/jquery-ui/pull/1312

[mikesherov]

Just an update. tj.vantoll and I discovered the true caus eof the bug, which he's working on.

[tj.vantoll]

Take two: ​https://github.com/jquery/jquery-ui/pull/1314

[TJ VanToll]

Draggable: Only blur the focused element if the event occurs on a handle

Fixes #10527

Changeset: 075421d6d965c66055e47cde477f0ce2e23f1755

[Mike Sherov]

Draggable: Only focus the draggable if the event occurs on a handle

Refs #10527

Changeset: d10440fe44c840dd5c69c4efb1c06d2636fa11c6

[mikesherov]

#10230 is a duplicate of this ticket.

[Scott González]

#10567 is a duplicate of this ticket.

[Scott González]

#10591 is a duplicate of this ticket.

[tj.vantoll]

#10592 is a duplicate of this ticket.