Summary: | 3D transform causes backdrop-filter effect to be applied incorrectly | ||||||||
---|---|---|---|---|---|---|---|---|---|
Product: | WebKit | Reporter: | ana.tudor.lhnh | ||||||
Component: | Compositing | Assignee: | Nobody <webkit-unassigned> | ||||||
Status: | NEW --- | ||||||||
Severity: | Normal | CC: | bugs-noreply, dino, mattwoodrow, mcatanzaro, simon.fraser, webkit-bug-importer | ||||||
Priority: | P2 | Keywords: | InRadar | ||||||
Version: | Other | ||||||||
Hardware: | Unspecified | ||||||||
OS: | Linux | ||||||||
Attachments: |
|
Description
ana.tudor.lhnh
2023-02-13 12:03:19 PST
It looks like the second test case is a slightly different issue, the preserve-3d isn't applied because the child is a pseudo element. Filed https://bugs.webkit.org/show_bug.cgi?id=252277 for that issue. Here's a test of the intersection with spans instead of pseudos https://codepen.io/thebabydino/pen/BaOaEbj And a cube-cube intersection test https://codepen.io/thebabydino/pen/XWProEq This last one is how I actually came across this problem, as I was trying to get the intersecting glassy cubes effect like https://www.pinterest.com/pin/432838214178310878/ If the bug happens in Safari too, then this shouldn't be assigned to WebKitGTK component. That reduces the chance of the right people looking. Created attachment 468193 [details]
macOS screenshot
|