forked from web-platform-tests/wpt
-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Implement new effect behavior for the root element.
Intent-to-ship approval: https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/4DC56FN3paU Changes are: 1. The background of the root element paints into the property tree state that includes the local border box effect state of the root element. 2. If #1 is happening, paint a separate backdrop in the ContentsProperties state of the LayoutView, to allow effects, clips and transforms of the root element to apply via PaintChunksToCcLayer. Bug: 898293,988446,1029170,711955 Change-Id: I751e3f9c23d0b06a31cf1b13c3853180bc7ac7e6 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1979258 Commit-Queue: Chris Harrelson <[email protected]> Reviewed-by: Xianzhu Wang <[email protected]> Cr-Commit-Position: refs/heads/master@{#733661}
- Loading branch information
1 parent
d0b1063
commit 4209d79
Showing
8 changed files
with
62 additions
and
0 deletions.
There are no files selected for viewing
7 changes: 7 additions & 0 deletions
7
css/compositing/root-element-background-transparency-ref.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,7 @@ | ||
| <!doctype HTML> | ||
| <title>Backround color transparency on the root element blends with a white backdrop</title> | ||
| <link rel="author" title="Chris Harrelson" href="mailto:[email protected]"> | ||
| <link rel="help" href="https://drafts.fxtf.org/compositing/#pagebackdrop"> | ||
| <html style="background: rgb(150, 150, 150)"> | ||
| <div id=spacer style="width: 100px; height: 3000px"></div> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,8 @@ | ||
| <!doctype HTML> | ||
| <title>Backround color transparency on the root element blends with a white backdrop</title> | ||
| <link rel="author" title="Chris Harrelson" href="mailto:[email protected]"> | ||
| <link rel="help" href="https://drafts.fxtf.org/compositing/#pagebackdrop"> | ||
| <link rel="match" href="root-element-background-transparency-ref.html"> | ||
| <html style="background: rgba(45, 45, 45, 0.5)"> | ||
| <div id=spacer style="width: 100px; height: 3000px"></div> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,6 @@ | ||
| <!doctype HTML> | ||
| <title>Blend-mode on the root stacking context blends with the root element's background.</title> | ||
| <html style="background: #000"> | ||
| <div style="width: 50px; height: 50px; background: #000"></div> | ||
| <div id=spacer style="width: 100px; height: 3000px"></div> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,9 @@ | ||
| <!doctype HTML> | ||
| <title>Blend-mode on the root stacking context blends with the root element's background.</title> | ||
| <link rel="author" title="Chris Harrelson" href="mailto:[email protected]"> | ||
| <link rel="help" href="https://drafts.fxtf.org/compositing/#pagebackdrop"> | ||
| <link rel="match" href="root-element-blend-mode-ref.html"> | ||
| <html style="background: #000;"> | ||
| <div style="width: 50px; height: 50px; background: #E33; mix-blend-mode: multiply"></div> | ||
| <div id=spacer style="width: 100px; height: 3000px"></div> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,8 @@ | ||
| <!doctype HTML> | ||
| <title>A filter on the root element applies to its background</title> | ||
| <link rel="author" title="Chris Harrelson" href="mailto:[email protected]"> | ||
| <link rel="help" href="https://drafts.fxtf.org/compositing/#pagebackdrop"> | ||
| <html style="background: #FFF"> | ||
| <div style="width: 50px; height: 50px; background: #1CC"></div> | ||
| <div id=spacer style="width: 100px; height: 3000px"></div> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,9 @@ | ||
| <!doctype HTML> | ||
| <title>A filter on the root element applies to its background</title> | ||
| <link rel="author" title="Chris Harrelson" href="mailto:[email protected]"> | ||
| <link rel="help" href="https://drafts.fxtf.org/compositing/#pagebackdrop"> | ||
| <link rel="match" href="root-element-filter-ref.html"> | ||
| <html style="filter: invert(1); background: #000"> | ||
| <div style="width: 50px; height: 50px; background: #E33"></div> | ||
| <div id=spacer style="width: 100px; height: 3000px"></div> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,7 @@ | ||
| <!doctype HTML> | ||
| <title>Opacity on the root element blends with a white backdrop</title> | ||
| <link rel="author" title="Chris Harrelson" href="mailto:[email protected]"> | ||
| <link rel="help" href="https://drafts.fxtf.org/compositing/#pagebackdrop"> | ||
| <html style="background: #DDD"> | ||
| <div id=spacer style="width: 100px; height: 3000px"></div> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,8 @@ | ||
| <!doctype HTML> | ||
| <title>Opacity on the root element blends with a white background</title> | ||
| <link rel="author" title="Chris Harrelson" href="mailto:[email protected]"> | ||
| <link rel="help" href="https://drafts.fxtf.org/compositing/#pagebackdrop"> | ||
| <link rel="match" href="root-element-opacity-ref.html"> | ||
| <html style="background: #BBB; opacity: 0.5"> | ||
| <div id=spacer style="width: 100px; height: 3000px"></div> | ||
| </html> |