<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body><table border="1" cellspacing="0" cellpadding="8">
<tr>
<th>Bug ID</th>
<td><a class="bz_bug_link
bz_status_NEW "
title="NEW - [css-filters-2] Parent stacking context of backdrop-filter needs to isolate itself"
href="https://bugs.webkit.org/show_bug.cgi?id=162760">162760</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>[css-filters-2] Parent stacking context of backdrop-filter needs to isolate itself
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>WebKit Nightly Build
</td>
</tr>
<tr>
<th>Hardware</th>
<td>Unspecified
</td>
</tr>
<tr>
<th>OS</th>
<td>Unspecified
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Normal
</td>
</tr>
<tr>
<th>Priority</th>
<td>P2
</td>
</tr>
<tr>
<th>Component</th>
<td>CSS
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>trchen@chromium.org
</td>
</tr></table>
<p>
<div>
<pre>Similar to <a class="bz_bug_link
bz_status_RESOLVED bz_closed"
title="RESOLVED FIXED - An element having -webkit-mix-blend mode should only blend with the contents of the parent stacking context"
href="show_bug.cgi?id=129154">bug 129154</a>, backdrop-filter should only take inputs from the innermost enclosing stacking context, as spec'd in:
<a href="https://drafts.fxtf.org/filters-2/#BackdropFilterProperty">https://drafts.fxtf.org/filters-2/#BackdropFilterProperty</a>
"""The first filter function or filter reference in the list takes the element’s BackgroundImage as the input image. Subsequent operations take the output from the previous filter function or filter reference as the input image. filter element reference functions can specify an alternate input, but still uses the previous output as its SourceGraphic."""
<a href="https://drafts.fxtf.org/filters/#valdef-in-backgroundimage">https://drafts.fxtf.org/filters/#valdef-in-backgroundimage</a>
"""BackgroundImage
This keyword represents the back drop defined by the current isolation group behind the filter region at the time that the filter element was invoked. See isolation property [COMPOSITING-1]."""
Chromium's fix along with a layout test can be found here: <a href="https://codereview.chromium.org/2375203003/">https://codereview.chromium.org/2375203003/</a></pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>