Dialog: Focus forced back to first focusable element in IE7/8

[andychin777]

Jquery-UI 1.10.2 code forces the first tab-able item in the dialog box to be focused on if an area outside of the dialog box DIV is selected.

This become troubling when trying to use ckeditor dropdown list. As dropdowns will be created outside of the dialog DIV and selected thus triggering the above event, making the drop downs impossible to be selected by the user.

The core issue can be shown in the examples below, (note: these do not contain CKEditor Code) Please view using Internet explorer 8, Viewing in other browsers may result in multiple prompt boxes appearing.

Jquery-ui-1.10.2 Version ​http://jsbin.com/oxoyop/1

Jquery-ui-1.9.2 Version ​http://jsbin.com/avapey/2

This seems more of a bug than a special feature as it only occurs in Internet explorer.

Cheers, Andrew

[Scott González]

We need an example that doesn't use alert() on focus.

[andychin777]

sure no problem.

Jquery-ui-1.10.2 Version. ​http://jsbin.com/asohow/2 Jquery-ui-1.9.2 Version. ​http://jsbin.com/uwajil/1

Removed the alert on focus and replaced the button with a dropdownbox so it can be easily seen that something is being selected.

Same rules apply as stated in bug.

Cheers, Andrew

[tj.vantoll]

Verified and reduced ​http://jsbin.com/asohow/4/edit.

The behavior occurs in IE7 & IE8 but does not occur in IE9, IE10, Firefox, Chrome, Safari, or Opera.

[Jörn Zaefferer]

From dialog's _keepFocus method: "IE <= 8 doesn't prevent moving focus even with event.preventDefault()". We force focus back inside the modal dialog, since we can't prevent the focus from getting lost inside the dialog in the first place.

The original ticket is about dropdowns outside the dialog, right? That seems to be a different issue, one to be addressed by _allowInteraction: ​http://api.jqueryui.com/dialog/#method-_allowInteraction

[Scott González]

Duplicate of #9087.
Yeah, pretty much anything that involves CKEditor will be about _allowInteraction().