Skip to main content

Search and Top Navigation

#8131 closed bug (worksforme)

Opened February 22, 2012 06:51PM UTC

Closed March 14, 2012 06:18PM UTC

Last modified March 19, 2012 09:22PM UTC

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:
Description

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.).

Attachments (0)
Change History (5)

Changed February 22, 2012 06:54PM UTC by scottgonzalez comment:1

owner: → seanmacavaney
status: newpending

Please provide a reduced test case showing the problem.

Changed March 07, 2012 09:24PM UTC by seanmacavaney comment:2

status: pendingnew

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

Changed March 14, 2012 06:18PM UTC by scottgonzalez comment:3

resolution: → worksforme
status: newclosed

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

Changed March 19, 2012 08:53PM UTC by seanmacavaney comment:4

I took screenshots of both Firefox and IE (located at http://i1244.photobucket.com/albums/gg577/seanmacavaney/IE9vsFF8.png). 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.

Changed March 19, 2012 09:22PM UTC by scottgonzalez comment:5

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.