Question

$("#dialog").dialog({
    resizable: false,
    height:140,
    modal: true,
    hide: {effect: "fadeOut", duration: 5000},
    buttons: {
        Save: function() {
            alert("Saved");
            $("#dialog").dialog( "close" );
        },
        Cancel: function() {
            $("#dialog").dialog( "close" );
        }
    }
});

I’m using Chrome. Here’s a demo.

When I close the dialog, it hides, but also shrinks.

I didn’t tell it to shrink! Why does it do that?

Answer 1

Using fade instead of fadeOut will solve the issue.

Check this: http://jsbin.com/alafez/4/edit#preview