Opened 11 years ago

Closed 10 years ago

Last modified 8 years ago

#5516 closed bug (worksforme)

Dialog is not displayed on the screen under chrome - problem with overlays

Reported by: fiedzia Owned by:
Priority: minor Milestone:
Component: ui.dialog Version: 1.8
Keywords: dialog, chrome, Cc:
Blocked by: Blocking:


Case: Simple page with modal dialog and any jquery-ui theme, which works properly under Firefox. When page is visited with chrome it works - for the first time. Subsequent displays cause dialog to disappear.

I have narrowed it down as much as i could:

Go there with chrome browser and you will probably see dialog. Refresh page, and dialog stops showing any more.

Removing overlays from theme css fixes the problem, fixed version is here:

diff on jquery-ui-1.8.custom.css: (lines which i have removed in order to make it working):

37d36 < .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 285,287d283 < .ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); } < .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

Attachments (1)

jquery_dialog.tbz (251.9 KB) - added by fiedzia 11 years ago.
I am attaching both examples.

Download all attachments as: .zip

Change History (4)

Changed 11 years ago by fiedzia

Attachment: jquery_dialog.tbz added

I am attaching both examples.

comment:1 Changed 11 years ago by fiedzia

Delaying creation of the dialog into $(window).load also fixes the problem.

comment:2 Changed 10 years ago by Scott González

Resolution: worksforme
Status: newclosed

Works fine for me. Possibly a bug in older versions of Chrome.

comment:3 Changed 8 years ago by Scott González

Milestone: TBD

Milestone TBD deleted

Note: See TracTickets for help on using tickets.