[Webkit-unassigned] [Bug 211349] New: Blur backdrop-filter shows incorrectly for elements with border-radius

[bugzilla-daemon at webkit.org]

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

            Bug ID: 211349
           Summary: Blur backdrop-filter shows incorrectly for elements
                    with border-radius
           Product: WebKit
           Version: Safari 13
          Hardware: iPhone / iPad
                OS: iOS 13
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: martiminchev at gmail.com
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

Created attachment 398309

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

Glitched blurred elements - highlighted with red arrows

If an element has -webkit-backdrop-filter:blur(...) applied while also having a border-radius, the blur is not applied correctly - it does not cover the whole element, and sometimes it also goes outside of the element's radius bounds.

Example URL with the issue: https://flyinthehead.org/current_buzz/
(note: for the bottom menu to appear, the device's width has to be <850px)
I have attached screenshots with 2 different blur defects depending on the menu element.

Tested on iPadOS 13.4.1 and iPhone.

-- 
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/20200503/eb3b6d48/attachment.htm>