Page becomes white when uBlock Origin element zapper is engaged
Categories
(Core :: Layout, defect)
Tracking
()
| Tracking | Status | |
|---|---|---|
| firefox-esr91 | --- | unaffected |
| firefox100 | --- | unaffected |
| firefox101 | --- | unaffected |
| firefox102 | --- | affected |
People
(Reporter: gregp, Unassigned)
References
(Regression, )
Details
(Keywords: regression)
Attachments
(4 files)
Steps to reproduce:
- Navigate to about:preferences > Website appearance
- Set "Website appearance" to "Dark"
- Navigate to https://addons.mozilla.org/firefox/addon/ublock-origin/
- Install "uBlock Origin"
- Navigate to https://bugzilla.mozilla.org/home
- Open uBlock Origin browserAction
- Enter element zapper mode
Actual results:
Page becomes white
Expected result:
There is a slight tint over the page
|
||
Updated•3 years ago
|
|
|
||
Comment 1•3 years ago
|
||
Set release status flags based on info from the regressing bug 1738380
|
|
||
Comment 2•3 years ago
|
||
:emilio, since you are the author of the regressor, bug 1738380, could you take a look?
For more information, please visit auto_nag documentation.
|
||
Comment 3•3 years ago
|
||
Testing on macOS with dark mode on, uBlock origin seems to inject an iframe with this style: color-scheme: initial, and the document in the iframe:
- doesn't have a
color-schememeta tag or CSS property; - uses a dark theme, with class names on the root element looking like
desktop hidpi zap dark.
Testing in Chrome, it looks like the uBlock Origin extension for Chrome uses the same code and generates an iframe with the same properties, but in Chrome the generated iframe is transparent.
Here's a reduced test case that shows a transparent iframe in Chrome (101.0.4951.64) and an opaque one in Firefox Nightly (2022-05-24):
<html>
<head>
<meta name="color-scheme" content="dark">
</head>
<body style="background-color: purple">
White text with purple background
<iframe
src="data:text/html,%3Cbody%20style%3D%22background-color%3A%23ff04%22%3EBlack%20text%20with%2050%20percent%20opacity%20yellow%20background%3C%2Fbody%3E"
style="position: fixed; inset: 10%; width: 80%; height: 80%; border: none; color-scheme: initial;"
></iframe>
</body>
</html>
|
||
Comment 4•3 years ago
|
||
|
|
||
Comment 5•3 years ago
|
||
|
|
||
Comment 6•3 years ago
|
||
|
|
||
Comment 7•3 years ago
|
||
Behavior in Chrome Canary is the same as Firefox's. I believe this is a Chrome / uBlock issue. I'll send a patch to the extension.
|
|
||
Comment 8•3 years ago
|
||
I can't open a PR directly, so filed https://github.com/uBlockOrigin/uBlock-issues/issues/2121. Patch is https://github.com/emilio/uBlock/commit/1cfbebe23449443a6d0f3e28ea559572a45b06cc
|
Reporter | |
Updated•2 years ago
|
Description
•