Opened 11 years ago
Closed 10 years ago
#8351 closed bug (fixed)
Dialog problem on Firefox when creating dynamic element
| Reported by: | mariuspuiu | Owned by: | mariuspuiu |
|---|---|---|---|
| Priority: | minor | Milestone: | 1.10.0 |
| Component: | ui.dialog | Version: | 1.8.20 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
Hello!
I use jQuery 1.7.2 and jQuery UI 1.8.20 with the default ui-lightness CSS. If I am creating a div with an id, title and content, the dialog() works just fine in all browsers, as expected.
But here is the problem: when I am creating that div dynamically and appending it to <body> (or any other existing element on the page), it works fine in all browsers except Firefox. The div is being created, the dialog appears, but the <body> element "minimizes".
I can see that by inspecting the <body> element with Firebug or by using "modal: true" as a parameter for dialog() function. It behaves like the height of the <body> element has been reduced to a minimal value. More weird than this is that if I drag the dialog, it throws itself in that tiny "space".
The code is here: http://pastebin.com/d2QKUFy2 (all I am doing is to create that div element dynamically and call dialog() on it) and here are two screenshots of the behaviour: Chrome, Opera, IE works http://imageshack.us/f/809/12658069.png/, Firefox doesn't http://imageshack.us/f/43/23547894.png/ (you can also see the "minimized" <body> element in Firebug).
Here you can see what's happening on IE, Chrome, Opera (OK): http://www.youtube.com/watch?v=UnFR4xwkxTI and here is for Firefox (not OK): http://youtu.be/P_O-CYHnS1g
Thank you!
Change History (4)
comment:1 Changed 11 years ago by
| Owner: | set to mariuspuiu |
|---|---|
| Status: | new → pending |
comment:2 Changed 11 years ago by
| Status: | pending → new |
|---|
It seems that it needs a CSS hack (only on Firefox) on <body> element: body { height: 100%; }
comment:3 Changed 10 years ago by
| Milestone: | 1.9.0 → 1.10.0 |
|---|
comment:4 Changed 10 years ago by
| Resolution: | → fixed |
|---|---|
| Status: | new → closed |
This is fixed in 1.9.0 you can see this in the video below: http://screencast.com/t/yWEApBGchqMP
updated jsbin: http://jsbin.com/aturom/6/edit
I'm not seeing any problems: http://jsbin.com/aturom/edit#javascript,html