[Webkit-unassigned] [Bug 280531] `backdrop-filter` is applied incorrectly to child element
bugzilla-daemon at webkit.org
bugzilla-daemon at webkit.org
Wed Oct 2 06:12:04 PDT 2024
https://bugs.webkit.org/show_bug.cgi?id=280531
Karl Dubost <karlcow at apple.com> changed:
What |Removed |Added
----------------------------------------------------------------------------
Keywords| |BrowserCompat
CC| |karlcow at apple.com
--- Comment #4 from Karl Dubost <karlcow at apple.com> ---
Chrome and Safari behave the same way.
Firefox is different.
.blurred {
-webkit-backdrop-filter: blur(3px) invert(1);
backdrop-filter: blur(3px) invert(1);
}
.parent, .child {
width: 200px;
height: 50px;
border: 1px solid red;
}
.parent {
position: relative;
}
.child {
position: absolute;
left: 210px;
}
<div class="parent blurred">
<div class="child blurred">child</div>
parent
</div>
--
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20241002/1f4abfbc/attachment-0001.htm>
More information about the webkit-unassigned
mailing list