[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