I have the following code which builds a JQueryUI Dialog popup. $j(‘<div></div>’) .html(message) .dialog({

Question

0

Asked: May 16, 20262026-05-16T11:57:17+00:00 2026-05-16T11:57:17+00:00

I have the following code which builds a JQueryUI Dialog popup. $j(‘<div></div>’) .html(message) .dialog({

0

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?