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 comment:1
owner: | → seanmacavaney |
---|---|
status: | new → pending |
Changed March 07, 2012 09:24PM UTC by comment:2
status: | pending → new |
---|
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 comment:3
resolution: | → worksforme |
---|---|
status: | new → closed |
I just compared IE 6 and Chrome; they're exactly the same size for me.
Changed March 19, 2012 08:53PM UTC by 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 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.
Please provide a reduced test case showing the problem.