Closed Bug 1246449 Opened 8 years ago Closed 8 years ago

Incorrect CSS Rendering, black or transparent boxes displayed instead


(Core :: Graphics: Layers, defect)

47 Branch
Windows 10
Not set



Tracking Status
firefox46 --- unaffected
firefox47 --- fixed


(Reporter: daniel.2345, Assigned: kats)



(Keywords: regression)


(1 file)

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:47.0) Gecko/20100101 Firefox/47.0
Build ID: 20160205030204

Steps to reproduce:

I think the below 2 issues (A & B) might be connected, that's why I put them together, if I'm incorrect, I'm sorry :(

A. Black boxes Issue

1. Go to
2. Move your mouse a lot, horizontally, vertically
3. See Black boxes flashing

B. Transparent Content (apparently affecting inline CSS)

1. Go to
2. Explore the content and try highlighting them to make FF render the faded text again (The incorrectly rendered transparent text and images can be found besides the floating emojis)

Actual results:

A. I see black boxes appeared instead of a clear background.

B. I cannot see the desired content until I highlight them using my mouse.

Expected results:

A. No black boxes should have displayed

B. Invisible content should be displayed upon loading the page
Component: Untriaged → General
Keywords: css2
OS: Unspecified → Windows 10
Hardware: Unspecified → x86_64
Component: General → Graphics
Product: Firefox → Core
Blocks: 1246469
Separate problem B as bug1246469
Keywords: css2regression
tracking-e10s: --- → ?
w/ e10s + APZ enabled, the range(Comment 2) is wrong.
No longer blocks: 1180417
Flags: needinfo?(ted.clancy)
Reproduced on Mozilla/5.0 (Windows NT 6.1; WOW64; rv:47.0) Gecko/20100101 Firefox/47.0 ID:20160206030207

Regression window(about problem A) w/ e10s+APZ:
Via local build:
Last Good: e51ef562f1c5
First Bad: 22b3af8c20b2

Triggered by: 22b3af8c20b2	Kartikaya Gupta — Bug 1178060 - Ensure that if there is a document-level apz-aware event listener on a subdocument, we build the nsDisplaySubdocument item to hold that information. r=tn
Blocks: 1178060
Flags: needinfo?(bugmail.mozilla)
Component: Layout: Text → Layout
Thanks, I can reproduce this on Windows. Seems to be related to the event-regions (as the regression range indicates) - I can repro with APZ disabled and layout.event-regions.enabled set to true, but if I disable both APZ and event regions I don't see it.
Assignee: nobody → bugmail.mozilla
Blocks: apz-desktop
Flags: needinfo?(bugmail.mozilla)
This is very similar to bug 1161978 but unfortunately the patch on that bug doesn't fix this for me.
See Also: → 1161978
Turning on layers.draw-borders and repro'ing the bug does seem to indicate that this is related to layer invalidation. The event regions changes probably just affect the structure of the layer tree and expose a pre-existing bug.
The patch on bug 1240800 *does* appear to fix this issue.
Depends on: 1240800
Component: Layout → Graphics: Layers
This should be fixed in the feb10 nightly via bug 1240800.
Closed: 8 years ago
Resolution: --- → FIXED
No longer depends on: 1240800
You need to log in before you can comment on or make changes to this bug.