IE8 issues with JQuery Dialog causes box to have wrong height and scrollbars

IE8 displaying Jquery dialog with scroll bars

This was happening only on IE8 (native and CoRD). It was working correctly on Chrome and Firefox.

The solution is to call .height(‘auto’) after the dialog is created.

                    $(document).ready(function() {
                        $('#phoneDataButton').click(function() {
                            $('#phoneDataSearchForm').dialog({
                                modal:true,
                                width: 700,
                                close: function() {
                                    $('#phoneSearchResults').html("");
                                    location.reload(true);
                                }
                            }).height('auto')
                        })
                    })
This entry was posted in javascript, JQuery and tagged , , . Bookmark the permalink.

Leave a comment