[Webkit-unassigned] [Bug 249952] New: An element cannot have backface-visibility:hidden and backdrop-filter:blur(9px) at the same time as this breaks backface-visibility:hidden

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Thu Dec 29 20:49:35 PST 2022


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

            Bug ID: 249952
           Summary: An element cannot have backface-visibility:hidden and
                    backdrop-filter:blur(9px) at the same time as this
                    breaks backface-visibility:hidden
           Product: WebKit
           Version: Safari 15
          Hardware: iPhone / iPad
                OS: iOS 15
            Status: NEW
          Severity: Critical
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: Multifaceted.Abnormal at gmail.com

If and element has backface-visibility:hidden on it because it's part of a flip card, adding backdrop-filter:blur(9px) breaks the backface-visibility:hidden property.  It's really super annoying as it works properly on everything else.  I'm begging you to fix it.  Because since the browser thinks both properties are compatible with the proper -webkit- prefix, one cannot even use an @media query to hide the backdrop-filter property on mobile.  Both are compatible so it won't trigger the media query.  Unless I'm just stupid (a real possibility) this is a bug and it's one stoping my code from working on iOS mobile which was my original target.

-- 
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/20221230/1bb2458b/attachment-0001.htm>


More information about the webkit-unassigned mailing list