RESOLVED FIXED 249952
An element cannot have backface-visibility:hidden and backdrop-filter:blur(9px) at the same time as this breaks backface-visibility:hidden 
https://bugs.webkit.org/show_bug.cgi?id=249952
Summary An element cannot have backface-visibility:hidden and backdrop-filter:blur(9p...
Multifaceted.Abnormal
Reported 2022-12-29 20:49:35 PST
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.
Attachments
Testcase (427 bytes, text/html)
2023-09-17 17:47 PDT, Matt Woodrow 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Simon Fraser (smfr)
Comment 1 2023-01-03 15:28:58 PST
Multifaceted.Abnormal, could you attach a test case, or link to a demo that shows the bug?
Radar WebKit Bug Importer
Comment 2 2023-01-05 20:50:17 PST
<rdar://problem/103940530>
Matt Woodrow
Comment 3 2023-09-17 17:47:07 PDT
Created attachment 467731 [details] Testcase
Matt Woodrow
Comment 4 2023-09-18 20:01:36 PDT
Pull request: https://github.com/WebKit/WebKit/pull/17895
EWS
Comment 5 2023-09-25 19:10:25 PDT
Committed 268427@main (93bef5855560): <https://commits.webkit.org/268427@main> Reviewed commits have been landed. Closing PR #17895 and removing active labels.
Note You need to log in before you can comment on or make changes to this bug.