jQuery Forum

Hi,

I've seen this asked before, but the answer didn't help in my case.  I have a dialog that I initially pop up at a small size.  After an AJAX call, content comes back to display in the dialog which requires that I resize the dialog to a larger size so the user can see what is going on.  To resize the dialog I am using:

$('#dialog').dialog('option', 'width', 500);
$('#dialog').dialog('option', 'height', 500);

The outer div of the dialog and all the window elements are resized, however the inner content div#dialog is not and the buttons do not move to the bottom of the newly sized dialog.  To illustrate my issue I created an example on jsbin:

http://jsbin.com/ezebu3

Here, I initialize the dialog to (w,h)  = (250,250) and clicking the 'Resize Me' button resizes it to (w,h) = (500,500).  As you can see the buttons are awkwardly in the middle as opposed to flush with the bottom of the dialog.  Interestingly, if you close and open the dialog at this point, everything is set right.

Is this a bug or am I missing something?  Any help is greatly appreciated.

Thanks,
~Matt