Bug 275819

Summary: [GTK] `backdrop-filter` is applied incorrectly when element has sibling
Product: WebKit Reporter: R. N. West <no-reply>
Component: WebKitGTKAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: bugs-noreply
Priority: P2 Keywords: Gtk
Version: Other   
Hardware: PC   
OS: Linux   
Attachments:
Description Flags
Test case reduction
none
Test case rendered by WebKit
none
Test case rendered by Firefox and Chromium none

R. N. West
Reported 2024-06-24 11:14:18 PDT
Created attachment 471731 [details] Test case reduction See the attached test case. When the header element has only one child with a backdrop-filter applied to it, everything works fine. When the header element has two children, with the backdrop-filter applied to the younger child (which comes first in the stacking order), the resulting backdrop seems to include the older child as well. This can be seen by the light text shadow (caused by the blur and the color inversion), which should not be there. The test case is rendered correctly by Firefox and Chromium (without the light text shadow). WebKit version: WebKitGTK 2.44.2 (Epiphany Browser on Linux)
Attachments
Test case reduction (959 bytes, text/html)
2024-06-24 11:14 PDT, R. N. West 		no flags
Details
Test case rendered by WebKit (142.15 KB, image/png)
2024-06-24 11:15 PDT, R. N. West 		no flags
Details
Test case rendered by Firefox and Chromium (121.40 KB, image/png)
2024-06-24 11:16 PDT, R. N. West 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
R. N. West
Comment 1 2024-06-24 11:15:27 PDT
Created attachment 471732 [details] Test case rendered by WebKit
R. N. West
Comment 2 2024-06-24 11:16:46 PDT
Created attachment 471733 [details] Test case rendered by Firefox and Chromium
Alexey Proskuryakov
Comment 3 2024-06-24 15:19:48 PDT
This doesn't appear to reproduce in Safari, so seems Gtk-only.
R. N. West
Comment 4 2024-06-29 04:35:04 PDT
Thanks for testing this! I updated the report accordingly.
Note You need to log in before you can comment on or make changes to this bug.