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.
Multifaceted.Abnormal, could you attach a test case, or link to a demo that shows the bug?
<rdar://problem/103940530>
Created attachment 467731 [details] Testcase
Pull request: https://github.com/WebKit/WebKit/pull/17895
Committed 268427@main (93bef5855560): <https://commits.webkit.org/268427@main> Reviewed commits have been landed. Closing PR #17895 and removing active labels.