[Webkit-unassigned] [Bug 205019] New: Backdrop filter not working with overflow: hidden on parent

[bugzilla-daemon at webkit.org]

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

            Bug ID: 205019
           Summary: Backdrop filter not working with overflow: hidden on
                    parent
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: Macintosh
                OS: macOS 10.13
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: marcel_pi at yahoo.com

Created attachment 385164

  --> https://bugs.webkit.org/attachment.cgi?id=385164&action=review

Showcasing the bug.

I'm trying to use backdrop-filter(blur in this case) on a div only to discover the overflow: hidden property prevents it from applying. The browser is Chrome 78.

Say I've got a div.filter inside a div.block that's wrapper inside a div.container.

div.container > div.block > div.filter

If I apply overflow: hidden to both .container and .block the effect of the filter suddenly disappears. Furthermore, other properties of the .block prevents the filter from being applied.

Seems like the overflow: hidden on .container triggers this erratic behavior. Do you guys have any idea what's going on here?

Demo here: https://codepen.io/marcel_pi/pen/VwYvmGv

-- 
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/20191209/c367b010/attachment-0001.htm>