Skip to main content

Search and Top Navigation

#5516 closed bug (worksforme)

Opened April 13, 2010 11:37PM UTC

Closed October 14, 2010 12:53PM UTC

Last modified October 11, 2012 09:15PM UTC

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):


< .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


< .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 April 13, 2010 11:38PM UTC.

    I am attaching both examples.

Change History (3)

Changed April 14, 2010 02:09AM UTC by fiedzia comment:1

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

Changed October 14, 2010 12:53PM UTC by scottgonzalez comment:2

resolution: → worksforme
status: newclosed

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

Changed October 11, 2012 09:15PM UTC by scottgonzalez comment:3

milestone: TBD

Milestone TBD deleted