Opened 13 years ago
Last modified 13 years ago
#7230 confirmed Bug
IE quirks: Dialog borders do not resize properly when show/hide tab bar
| Reported by: | sadlerjw | Owned by: | |
|---|---|---|---|
| Priority: | Normal | Milestone: | |
| Component: | UI : Dialogs | Version: | 3.5 |
| Keywords: | HasPatch IE | Cc: |
Description
When the tab bar is being added or removed for a dialog, the resize event is not fired. The resize event is necessary for IE6 or IE quirks mode, since the height of the left and right borders must be adjusted. This can result either in a gap between the top corner borders and the vertical borders on the left and right sides, or the left and right borders extend up above the dialog's title bar. See attached screenshot.
To reproduce:
- Create a dialog with two pages. It should display properly, with the tab bar showing.
- Hide one of the pages. The tab bar should disappear and you should be able to see the left and right borders extending up above the title bar, as in the screenshot.
This occurs in IE quirks mode...I reproduced across IE6, 7, 8, and 9 with the doctype:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
A proposed patch is attached. I've changed dialog's resize method to include an optional third parameter, "force," which forces the dialog to fire the resize event even if the actual content area size hasn't changed. Then I call resize from updateStyle, if (and only if) the tab bar visibility has changed AND we're in IE.
Attachments (2)
Change History (7)
Changed 13 years ago by
| Attachment: | dialog.jpg added |
|---|
comment:1 Changed 13 years ago by
(In case anyone's wondering, this is a customized Link dialog, which is why there is only one page - and no tabs - visible)
comment:2 Changed 13 years ago by
| Component: | General → UI : Dialogs |
|---|
...and forgot to tag it as Dialogs. Sorry for the extra updates.
comment:3 Changed 13 years ago by
| Keywords: | HasPatch? IE added |
|---|
comment:4 Changed 13 years ago by
| Status: | new → confirmed |
|---|---|
| Version: | → 3.5 |
I have reproduced the issue although I did not modify the dialogs.
- Open Skins sample
- Go to office or V2 skin
- Open link dialog and try to resize it
In IE6, 7 and 8 you don't need a quirks mode to see that borders can't keep up with resizing. In IE9 this is visible only in quirks mode.
Kama skin seems to work fine.
comment:5 Changed 13 years ago by
| Keywords: | HasPatch added; HasPatch? removed |
|---|
Screenshot of borders extending past title bar in IE9 quirks