Bug 132675 - [CSS Blending] Blending elements can't read the entire backdrop when the accelerated scrolling is involved
Summary: [CSS Blending] Blending elements can't read the entire backdrop when the acce...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
Depends on:
Blocks: 95614
  Show dependency treegraph
Reported: 2014-05-08 01:58 PDT by Ion Rosca
Modified: 2014-05-08 02:00 PDT (History)
1 user (show)

See Also:


Note You need to log in before you can comment on or make changes to this bug.
Description Ion Rosca 2014-05-08 01:58:48 PDT
Blending will be isolated by the scrollingLayer created for composited scrolling. Composited scrolling is not enabled by default in WebKit Settings.

Blending will still work, but elements having mix-blend-mode being part of the scrolling content will not be able to read the backdrop outside that scrolling content (stacking container).

If we have composited scrolling enabled and the element tree looks like:
P -> E -> B
where P has overflow scroll, then B will blend only with E, not with P, because there is an s isolating scrolling layer created between P and E:
P ->(s) -> E -> B.

More complex case is:
P -> C1  -> A
   -> C2  -> B
* P is the only element creating stacking context
* B has mix-blend-mode
* C2 got accelerated because it has overflow hidden and needs composited scrolling,
* C2 it can create a stacking container (all its descendants form a contiguous block in stacking order).
In this case B will blending only with the content inside C2, excluding C2 itself. The "spec compliant" behaviour would be for B to blend with all the content behind itself inside the current *stacking context*, including P, C1 and C2 elements.