Opened 11 years ago

Closed 11 years ago

Last modified 11 years ago

#8131 closed bug (worksforme)

IE yielding different dialog heights than other browsers

Reported by: seanmacavaney Owned by: seanmacavaney
Priority: minor Milestone: 1.9.0
Component: ui.dialog Version: 1.8.17
Keywords: Cc:
Blocked by: Blocking:


In my project, I am loading content from a server via AJAX into a dialog. Typically, the height of the resulting dialog is known, so we show the dialog with a loading message to tell the user what's happening, and to prevent them from clicking the launch point multiple times. The problem is that sometimes (specifically, the first time that the dialog is loaded) in IE the height of the inner part of the dialog (being the element that you call .dialog() on to begin with) is calculated to be smaller than expected, resulting in scroll bars being placed in the dialog when the AJAX content is loaded.

I stepped through the jquery ui code in a debug tool, and it seems as if IE is overestimating the height of the other components in the dialog (such as the title bar, button pane, etc.).

Change History (5)

comment:1 Changed 11 years ago by Scott González

Owner: set to seanmacavaney
Status: newpending

Please provide a reduced test case showing the problem.

comment:2 Changed 11 years ago by seanmacavaney

Status: pendingnew

If you open the example for the modal form (located at in both Internet Explorer and in Firefox (or any other browser), you will see that the heights of these fixed-height dialogs are different.

comment:3 Changed 11 years ago by Scott González

Resolution: worksforme
Status: newclosed

I just compared IE 6 and Chrome; they're exactly the same size for me.

comment:4 Changed 11 years ago by seanmacavaney

I took screenshots of both Firefox and IE (located at As you can see, there are scrollbars in Firefox, but none in IE. It looks as if the button region of the Firefox version is larger for some reason and it taking up the space of the content.

comment:5 Changed 11 years ago by Scott González

The dialog heights are actually the same. What's different is the size of every element inside the dialog. Every bit of content is larger in Firefox, so there's a scrollbar.

Note: See TracTickets for help on using tickets.