Почему диалог 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

Использование fade вместо fadeOut решит проблему.

Проверьте это: http://jsbin.com/alafez/4/edit#preview

Answer 2

Поскольку FadeIn и FADEOUT не являются допустимыми значениями для показа и скрытия опций. Если вы удалите 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"); 
     } 
    } 
});