Skip to main content

Search and Top Navigation

#9917 closed bug (invalid)

Opened March 17, 2014 05:11PM UTC

Closed April 01, 2014 08:38AM UTC

jQuery UI Dialog - modal shadow incomplete ?

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

Not 100% sure if this is a bug, or a new feature and maybe there's an option to disable or alter its behavior:

When a jQuery modal dialog window pops-up, the greyed-out/disabled area is no longer the whole background screen, there is now a line about 1 inch high that spans the entire screen from left to right behind the dialog.

Is there an option to turn this off?

Attachments (0)
Change History (6)

Changed March 17, 2014 05:20PM UTC by scottgonzalez comment:1

owner: → JRC
status: newpending

I assume you're using a CDN and see #9759.

Changed March 17, 2014 05:39PM UTC by JRC comment:2

status: pendingnew

Hi Scott,

Thank you for the fast reply. No, I'm not using a CDN. I had NOT seen the prior issue #9759.

I'm using jQuery UI in a Chrome Extension, and all the source files (source images/etc) are local.

I had recently upgraded from jQuery UI 1.10.3 to 1.10.4; the project was started earlier by someone else.

When I upgraded to 1.10.4, the modal dialog background shadow had a highlighted banner going horizontally through the middle of it.

In further comparing the css between the older version, and the 1.10.4; it seems that if I specify the background image: ui-bg_flat_0_aaaaaa_40x100.png I'll get that highlighted area on the screen. IF I specify a background-image of NONE... the entire screen is dimmed except for the dialog, which is what I was looking for.

Again, i'm not sure If what I'm seeing is the desired behavior or a bug, since the online DEMOS for 1.10.4 have the same symptoms that my dialogs were having.

If it is a bug, and someone is looking to having their entire background screen dimmed-out except for the dialog, the work-around is:

.ui-widget-overlay {


background: #666666 50% 50% repeat-x;



.ui-widget-shadow {


background: #000000 50% 50% repeat-x;



thank you.

Changed March 17, 2014 06:18PM UTC by scottgonzalez comment:3

status: newpending

How did you get the files?

Changed March 17, 2014 06:20PM UTC by JRC comment:4

status: pendingnew


I downloaded them THIS MORNING from this link:

Changed March 17, 2014 06:27PM UTC by scottgonzalez comment:5

status: newpending

That's going to have the same problem as the CDN (same source). Try a custom download to get a new image.

Changed April 01, 2014 08:38AM UTC by trac-o-bot comment:6

resolution: → invalid
status: pendingclosed

Because we get so many tickets, we often need to return them to the initial reporter for more information. If that person does not reply within 14 days, the ticket will automatically be closed, and that has happened in this case. If you still are interested in pursuing this issue, feel free to add a comment with the requested information and we will be happy to reopen the ticket if it is still valid. Thanks!