Bug 279115

Summary: CSS backdrop-filter not applied on masked elements
Product: WebKit Reporter: Javi Aguilar <jotawonka>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: RESOLVED CONFIGURATION CHANGED    
Severity: Normal CC: bfulgham, koivisto, mattwoodrow, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari 17   
Hardware: Mac (Apple Silicon)   
OS: macOS 14   
Attachments:
Description Flags
comparison with other browsers none

Javi Aguilar
Reported 2024-09-04 01:14:41 PDT
Created attachment 472443 [details] comparison with other browsers It seems that combining mask-image, mask-composite: exclude, and backdrop-filter has unexpected effects on Safari, because the backdrop filter is not applied when an element is being masked. Example: https://codepen.io/itsjavi/pen/gONQwMw
Attachments
comparison with other browsers (65.81 KB, image/png)
2024-09-04 01:14 PDT, Javi Aguilar
no flags
Alexey Proskuryakov
Comment 1 2024-09-04 09:45:18 PDT
Thank you for the report. Could you please attach your test case?
Alexey Proskuryakov
Comment 2 2024-09-04 09:45:45 PDT
Never mind, I see the codepen link now.
Alexey Proskuryakov
Comment 3 2024-09-04 09:48:00 PDT
I can reproduce this in Safari 17.6, but not in STP 200 or newer Safari builds, so this appears to be already fixed.
Radar WebKit Bug Importer
Comment 4 2024-09-04 10:03:26 PDT
Note You need to log in before you can comment on or make changes to this bug.