Skip to main content

Search and Top Navigation

#9567 closed bug (patcheswelcome)

Opened September 20, 2013 10:50PM UTC

Closed September 21, 2013 11:22AM UTC

UI Dialog position not working in IE9 when margin:auto

Reported by: jacobwsmith Owned by: jacobwsmith
Priority: minor Milestone: none
Component: ui.dialog Version: 1.10.3
Keywords: Cc:
Blocked by: Blocking:

In IE 9 on Windows 7 when the .ui-dialog { margin:auto; } is set in the css the dialog script will not position itself correctly.

I'm seeing this in 1.10.3 and this example with 1.9.1.

Attachments (0)
Change History (3)

Changed September 20, 2013 11:33PM UTC by scottgonzalez comment:1

owner: → jacobwsmith
status: newpending

Why are you putting margin: auto on the dialog? We don't support auto-width for dialogs and the dialog needs to control it's own sizing in order to work properly.

Changed September 21, 2013 12:20AM UTC by jacobwsmith comment:2

status: pendingnew

That is a good question. We have a number of uses for the ui-dialog. Some with more complicated and different transitions. On one of our larger pages we ended up having some style assigned to it with margin: 0 auto 0; Seems this is a problem with our code...? Strange how ie9 is the only browser with this problem, even ie8 works fine. Thought this would be of interest. Perhaps not a bug. Thanks.

Changed September 21, 2013 11:22AM UTC by scottgonzalez comment:3

resolution: → patcheswelcome
status: newclosed

Yeah, it's odd that this is only a problem in IE9. Since the margins can't actually be used to center the dialog (the dialog has to control its position and dimensions), I don't think we'll want to work around this. However, if someone wants to send a pull request, we can review it and determine if it makes sense to include based on size and complexity.