github/jquery-ui
1
1
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2026-02-05 02:55:03 -05:00
Code Issues Packages Projects Releases Wiki Activity

Dialog: Giving the content area and button pane priority over the title bar for which element should gain focus on open.

Browse Source
This commit is contained in:
Scott González
2009-01-17 21:00:59 +00:00
parent 0ce1fa2302
commit 60856ea461
1 changed files with 19 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
ui/ui.dialog.js
View File

@@ -207,15 +207,18 @@ $.widget("ui.dialog", {
open: function() {
if (this._isOpen) { return; }
this.overlay = this.options.modal ? new $.ui.dialog.overlay(this) : null;
(this.uiDialog.next().length && this.uiDialog.appendTo('body'));
var options = this.options,
uiDialog = this.uiDialog;
this.overlay = options.modal ? new $.ui.dialog.overlay(this) : null;
(uiDialog.next().length && uiDialog.appendTo('body'));
this._size();
this._position(this.options.position);
this.uiDialog.show(this.options.show);
this._position(options.position);
uiDialog.show(options.show);
this.moveToTop(true);
// prevent tabbing out of modal dialogs
(this.options.modal && this.uiDialog.bind('keypress.ui-dialog', function(event) {
(options.modal && uiDialog.bind('keypress.ui-dialog', function(event) {
if (event.keyCode != $.ui.keyCode.TAB) {
return;
}
@@ -235,7 +238,17 @@ $.widget("ui.dialog", {
}
}));
this.uiDialog.find(':tabbable:first').focus();
// set focus to the first tabbable element in:
// - content area
// - button pane
// - title bar
$([])
.add(uiDialog.find('.ui-dialog-content :tabbable:first'))
.add(uiDialog.find('.ui-dialog-buttonpane :tabbable:first'))
.add(uiDialog.find('.ui-dialog-titlebar :tabbable:first'))
.filter(':first')
.focus();
this._trigger('open');
this._isOpen = true;
},