https://stackoverflow.com/questions/31584544/jquery-ui-dialog-on-resizing-shrinks-the-content-of-the-dialog Fix: resize : function () { var heightPadding = parseInt ( $ ( this ). css ( 'padding-top' ), 10 ) + parseInt ( $ ( this ). css ( 'padding-bottom' ), 10 ), widthPadding = parseInt ( $ ( this ). css ( 'padding-left' ), 10 ) + parseInt ( $ ( this ). css ( 'padding-right' ), 10 ), titlebarMargin = parseInt ( $ ( this ). prev ( '.ui-dialog-titlebar' ). css ( 'margin-bottom' ), 10 ); $ ( this ). height ( $ ( this ). parent (). height () - $ ( this ). prev ( '.ui-dialog-titlebar' ). outerHeight ( true ) - heightPadding - titlebarMargin ); $ ( this ). width ( $ ( this ). prev ( '.ui-dialog-titlebar' ). outerWidth ( true ) - widthPadding ); },