Search and Top Navigation
#8642 closed bug (cantfix)
Opened October 09, 2012 03:49PM UTC
Closed October 25, 2012 11:33AM UTC
Last modified July 22, 2016 06:00PM UTC
Dialog: Modal Overlay shows horizontal gap in background for Firefox 15/16
| Reported by: | kjauslin | Owned by: | |
|---|---|---|---|
| Priority: | minor | Milestone: | 1.9.1 |
| Component: | ui.dialog | Version: | 1.9.0 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
To reproduce: open the following themeroller URL below. In the section "Overlay and Shadow Classes", you can see that the background gray is separated by a transparent bar - instead of one background box.
In Webkit Browsers (Chrome, ...) everything looks fine. So this might also be an inconsistency in Firefox.
Attachments (0)
Change History (8)
Changed October 09, 2012 04:06PM UTC by comment:1
Changed October 10, 2012 09:11AM UTC by comment:2
Further analysis shows that this is not a specific jquery issue. Firefox somehow does not override the later definition for the background. If you explicitely clear the previous background, everything will work (maybe this has something to do with the specific multiple background implementation in FF). This could be fixed in the ThemeRoller. Or wait to be fixed within Firefox. If there is another explanation, I'd be interested to learn about it.
/* override jquery ui overlay style */
.ui-widget-overlay {
background-image: none !important; /* FF fix */
background: #000 url(images/new-ui-overlay.png) 50% 50% repeat-x;
}
Changed October 12, 2012 01:07AM UTC by comment:3
This only affects Firefox on OS X, not Windows, and goes all the way back to Firefox 7.
The suggested fix is not a fix as it prevents the use of background images.
I'm not sure that there's anything we can do about this. Here's my reduced test case: http://jsbin.com/imoceq/3/edit
Changed October 12, 2012 01:24AM UTC by comment:4
Changed October 15, 2012 08:18PM UTC by comment:5
| status: | new → open |
|---|---|
| summary: | Modal Overlay shows horizontal gap in background for Firefox 15/16 → Dialog: Modal Overlay shows horizontal gap in background for Firefox 15/16 |
Changed October 16, 2012 11:59AM UTC by comment:6
@scott: Thanks for reviewing and entering the bug in Bugzilla. You're right, the fix above does not really work. Let's see what the Firefox team will do about it.
Changed October 25, 2012 11:33AM UTC by comment:7
| resolution: | → cantfix |
|---|---|
| status: | open → closed |
I'm closing this as can't fix, but I'm still monitoring the Firefox bug. If anyone finds a workaround, we can land it.
Changed July 22, 2016 06:00PM UTC by comment:8
4 years later and the Firefox bug was just closed as fixed :-)
I added an example on jsBin to illustrate the problem: http://jsbin.com/udenaz/1/edit