library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Dialog: Prevent dialog form losing focus (or move it back in IE <= 8).

Browse Source
This commit is contained in:
Jörn Zaefferer 2012-10-22 20:33:15 -04:00
parent 3829a37ca1
commit 2a2a2c017c
2 changed files with 22 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
tests/visual/dialog/complex-dialogs.html
View File

@ -30,7 +30,7 @@
var datepickerDialog = $( "#dialog-datepicker" ).dialog({
autoOpen: false,
modal: true,
modal: true
}),
autocompleteDialog = $( "#dialog-autocomplete" ).dialog({

23
ui/jquery.ui.dialog.js vendored
View File

@ -256,8 +256,6 @@ $.widget("ui.dialog", {
this.uiDialog.hide();
this._trigger( "close", event );
}
return this;
},
isOpen: function() {
@ -305,6 +303,23 @@ $.widget("ui.dialog", {
return this;
},
_keepFocus: function( event ) {
function checkFocus() {
var activeElement = this.document[ 0 ].activeElement,
isActive = this.uiDialog[ 0 ] === activeElement ||
$.contains( this.uiDialog[ 0 ], activeElement );
if ( !isActive ) {
this.uiDialog.focus();
}
}
event.preventDefault();
checkFocus.call( this );
// support: IE
// IE <= 8 doesn't prevent moving focus even with event.preventDefault()
// so we check again later
this._delay( checkFocus );
},
_createButtons: function( buttons ) {
var that = this,
hasButtons = false;
@ -648,6 +663,10 @@ $.extend( $.ui.dialog.overlay, {
$el.appendTo( document.body );
$el.bind( "mousedown", function( event ) {
dialog._keepFocus( event );
});
if ( $.fn.bgiframe ) {
$el.bgiframe();
}