I have the following code which builds a JQueryUI Dialog popup.
$j('<div></div>')
.html(message)
.dialog({
autoOpen: true,
bgiframe: true,
buttons: { 'Dismiss': function() { $j(this).dialog('close') } },
closeOnEscape: true,
height: 'auto',
modal: true,
resizable: true,
width: 400,
title: 'An error has occurred'});
When the popup is first displayed to the user it looks like the image below, with a giant header. I know that no additional css classes are being added to the popup.
After I resize the JQuery popup the popup appears correctly. The header is immediately resized and displays properly.
Has anyone else ran into this before?