posabsolute/jQuery-Validation-Engine — Issue #270: jQuery UI - Dialog compatibility
Author: co-operation
Created: 2012-02-02 20:38:58+00:00
State: open

This is not a bug, it is just an enhancement, already talked about within issue #231.

I had the same issue, in my application I have forms in regular pages and in ui-dialogs, maybe it would be an idea to set up an UI-Dialog compatibility mode.

Some lines like the following would solve the problem without breaking any existing code:

css:

@media screen, projection
{
.ve-ui-compatibility .formError { z-index: 990; }
.ve-ui-compatibility .formError .formErrorContent { z-index: 991; }
.ve-ui-compatibility .formError .formErrorArrow { z-index: 996; }

.ve-ui-compatibility .ui-dialog .formError { z-index: 5000; }
.ve-ui-compatibility .ui-dialog .formError .formErrorContent { z-index: 5001; }
.ve-ui-compatibility .ui-dialog .formError .formErrorArrow { z-index: 5006; }
}

JavaScript:

setUiDialogCompatibility : function() {
if ($('body').hasClass('ve-ui-compatibility') == false) {
$('body').addClass('ve-ui-compatibility');
}
},