Skip to content

Commit 1268200

Browse files
chrishtrsvgeesus
authored andcommitted
Merge pull request w3c#342 from mfreed7/master
Clip backdrop root (input) image to border box of element
1 parent 9cf371e commit 1268200

1 file changed

Lines changed: 12 additions & 7 deletions

File tree

filter-effects-2/Overview.bs

Lines changed: 12 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -79,6 +79,10 @@ output as its SourceGraphic.
7979

8080
Filter functions must operate in the sRGB color space.
8181

82+
If the filter functions list includes a <a href="https://drafts.fxtf.org/filter-effects-1/#blurEquivalent">blur()</a>
83+
filter, the filter will be applied with edgeMode="duplicate", with the edge defined by the clipped, transformed border
84+
box of the element. See [[#BackdropRoot]].
85+
8286
A computed value of other than ''backdrop-filter/none'' results in the
8387
creation of both a <a href="https://www.w3.org/TR/CSS21/zindex.html">stacking
8488
context</a> [[!CSS21]] and a <a
@@ -94,13 +98,14 @@ be seen, you can use "background-color: transparent;".
9498

9599
# Backdrop Root # {#BackdropRoot}
96100

97-
The <dfn>Backdrop Root Image</dfn> is defined as the entire painted output produced by
98-
drawing, in <a
99-
href="https://www.w3.org/TR/CSS2/zindex.html#painting-order">painting order</a>,
100-
all content between (and including) the <a>Backdrop Root</a> element and the
101-
child element that needs access to the "backdrop". No content that is a DOM
102-
ancestor of the Backdrop Root element should contribute to or affect the
103-
Backdrop Root Image.
101+
The <dfn>Backdrop Root Image</dfn> for an element E is the final image that would be produced by the following steps:
102+
1. Start at the <a>Backdrop Root</a> element that is the nearest ancestor of E.
103+
2. Paint all content, in <a href="https://www.w3.org/TR/CSS2/zindex.html#painting-order">painting order</a>, between (and including) the ancestor Backdrop Root element and element E.
104+
3. Flatten the painted content into a 2D screen-space buffer.
105+
4. Transform the border box of element E to 2D screen-space, and clip the final painted output to this border quad.
106+
107+
Note: No content that is a DOM ancestor of the Backdrop Root element should
108+
contribute to or affect the Backdrop Root Image.
104109

105110
A <dfn>Backdrop Root</dfn> is formed, anywhere in the document, by an element in any of the following scenarios. See [[#BackdropRootTriggers]] for more details on each:
106111
* The root element of the document (HTML).

0 commit comments

Comments
 (0)