Dialog height bug

[JamesKhoury]

When .ui-dialog class has a padding set the dialog is larger that specified by the options css:

 <div id="thedialog">Dialog Content</div>

 .ui-dialog
 {
   padding: 20px;
 }

 $("#thedialog").dialog({
    height: 200
 });

the dialog should be 200px but it is approx 240px (tested in chrome 12).

All that is needed to fix it is for the line in ui.dialog._size to change:

   nonContentHeight = this.uiDialog.css({
                height: "auto",
                width: options.width
            })
            .outerHeight();

For example see ​http://jsfiddle.net/ABKKk/ clicking the button in the example will toggle between current code and the above code.

[JamesKhoury]

fix: ​https://github.com/JamesKhoury/jquery-ui/commit/7a342871f7a1244246b71e28358476d63d25b1fc

[James Khoury]

Dialog: Modified the dialog._size() to use outerHeight in calculating the nonContentHeight. Fixed #7692 - dialog: dialog height bug is incorrect when .ui-dialog padding set.

Changeset: ce0afde900fb2b55b5766a3e0e3029e24a094a75