Search and Top Navigation
#5976 closed bug (notabug)
Opened August 19, 2010 02:26PM UTC
Closed August 19, 2010 02:31PM UTC
Last modified October 11, 2012 09:15PM UTC
Dialog box adds whitespace at the end of the page while opened
| Reported by: | Anomaly | Owned by: | |
|---|---|---|---|
| Priority: | major | Milestone: | |
| Component: | ui.dialog | Version: | 1.8.4 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
With jQuery UI 1.8.4, when a dialog box is opened, there is some whitespace added at the end of the page (of the height of the dialog box). The whitespace is removed when the dialog box is closed.
This didn't happen with jQuery UI 1.5.2. This bug is really annoying because I have a full screen html/javascript application (without scrollbars), and since I upgraded jQuery UI, a scrollbar is now created when a dialog is opened because of this whitespace.
To test:
If there is no scrollbar visible, reduce the size of the browser window until the vertical scrollbar appears.
Scroll down, and notice there is whitespace at the end of the page. Close the dialog box and notice the whitespace is now gone.
Using: jQuery 1.4.2 and custom jQuery UI 1.8.4 with only Draggable and Dialog components.
Happens with: Firefox 3.6, Opera 10.6, Chromium 5.0. No idea if Internet Explorer is affected.
You're using an old theme. Dialogs need to be absolutely positioned and yours is relatively positioned.