Search and Top Navigation
#9173 closed bug (duplicate)
Opened March 21, 2013 05:48AM UTC
Closed September 30, 2013 12:30PM UTC
Dialog: Focus forced back to first focusable element in IE7/8
| Reported by: | andychin777 | Owned by: | andychin777 |
|---|---|---|---|
| Priority: | minor | Milestone: | none |
| Component: | ui.dialog | Version: | 1.10.2 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
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
Jquery-ui-1.9.2 Version
This seems more of a bug than a special feature as it only occurs in Internet explorer.
Cheers,
Andrew
Attachments (0)
Change History (5)
Changed March 21, 2013 12:37PM UTC by comment:1
| owner: | → andychin777 |
|---|---|
| status: | new → pending |
Changed March 21, 2013 11:04PM UTC by comment:2
| status: | pending → new |
|---|
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
Changed March 22, 2013 01:53AM UTC by comment:3
| status: | new → open |
|---|---|
| summary: | Focus is forced back to first tabbable item in Internet explorer 8 → Dialog: Focus forced back to first focusable element in IE7/8 |
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.
Changed September 30, 2013 10:29AM UTC by comment:4
| _comment0: | 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://stage.api.jqueryui.com/dialog/#method-_allowInteraction → 1380544435828540 |
|---|
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
We need an example that doesn't use
alert()on focus.