[Webkit-unassigned] [Bug 208070] New: -webkit-backdrop-filter + border-radius + box-shadow = backdrop-filter not rendered correctly

[bugzilla-daemon at webkit.org]

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

            Bug ID: 208070
           Summary: -webkit-backdrop-filter + border-radius + box-shadow =
                    backdrop-filter not rendered correctly
           Product: WebKit
           Version: Safari 13
          Hardware: Macintosh
                OS: macOS 10.13
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: julian at degrasboom.org

Created attachment 391420

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

backdrop-filter bug

When I use these CSS lines in Safari 13.0.5 on macOS 10.13.6 and Safari on iPadOS 13:

-webkit-backdrop-filter: saturate(180%) blur(20px);
background-color: rgba(229,229,229,.6);
border-radius: 10px;
box-shadow: 0 2px 4px rgba(0,0,0,.2), inset 0 0 0 1px rgba(0,0,0,.05);

the backdrop-filter moves a little to the right (about 10px) and a little down (4px).
When I remove the box-shadow or the border-radius, the backdrop-filter looks normal.

I didn't have this problem in Safari 12.

-- 
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/20200221/3f944c3c/attachment.htm>