[Webkit-unassigned] [Bug 168418] New: backdrop-filter ignores parent border-radius, even with overflow: hidden

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=168418

            Bug ID: 168418
           Summary: backdrop-filter ignores parent border-radius, even
                    with overflow: hidden
    Classification: Unclassified
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: New Bugs
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: briannvalente at gmail.com

Created attachment 301731
  --> https://bugs.webkit.org/attachment.cgi?id=301731&action=review
Screenshots inspecting the elements

In this case, I'm trying to display an image with an "EDIT" span on it with width:100%. Both elements (img, span) are inside of a container with border-radius. If I set a semi-transparent background to the span (rgba(255, 255, 255, .5)) the span stays inside of the container and works well. But if I add a blur or saturation effect with -webkit-backdrop-filter the element ignores the border-radius of the parent, goes out of it.

A live version can be found here: https://brianvalente.tk/webkit-bug.html

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20170216/26e33e13/attachment-0001.html>