フェードアウト中にjQueryダイアログが縮小するのはなぜですか？

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"); 
     } 
    } 
}); 

私はChromeを使用しています。 Here's a demo。

ダイアログを閉じると、非表示になりますが、縮小されます。

私は縮小するようには言いませんでした！それはなぜそれをするのですか？

Answer 1

fadeOutの代わりにfadeを使用すると、この問題が解決されます。この

チェック：http://jsbin.com/alafez/4/edit#preview

Answer 2

フェードインとフェードアウトは有効なショーのための値と、非表示のオプションではありませんので。 effect: "fadeOut"を削除すると、結果は同じになります。有効なオプションはfadeです。

Answer 3

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