1860175 - backdrop-filter not applied if element has transform and parent has border-radius and non-default overflow value

Status: RESOLVED DUPLICATE of bug 1909933

(Core :: Graphics: WebRender, defect)

Description

[R. N. West [:rnwst]]

Attachment: backdrop-filter.html

Steps to reproduce:

Open the attached test case to reproduce the error.

Actual results:

The element's backdrop-filter property has no effect. This is fixed by any of the following:

• Removing the element's transform,
• removing the parent's overflow value, or
• removing the parent's border-radius.

Expected results:

The backdrop-filter should be applied. This case is correctly rendered by Chromium.

Comment 1

[R. N. West [:rnwst]]

Attachment: correct.png

Comment 2

[R. N. West [:rnwst]]

Attachment: incorrect.png

Comment 3

[Sage Fennel]

I found what I believe is the same bug, but I noticed that the animation property also seems to trigger the absence of backdrop-filter. I had to remove both transform (or translate which is what I used originally) AND animation in order to restore the effect of backdrop-filter

Comment 4

[Sage Fennel]

By the way, I tested this in Firefox 103 on Windows 11 (the first release to support backdrop-filter, according to caniuse), and the bug existed back then too.

Comment 5

[Mayank Bansal]

This is fixed by the patch in bug 1909933. Marking as duplicate.