Open Bug 1957806 Opened 6 months ago Updated 6 months ago

`backdrop-filter` and `mix-blend-mode` affect subpixel text antialiasing differently

Categories

(Core :: Graphics: WebRender, defect)

Firefox 137
defect

Tracking

()

UNCONFIRMED

People

(Reporter: matma.rex, Unassigned)

References

(Blocks 1 open bug)

Details

Attachments

(4 files)

Steps to reproduce:

See attached test cases and screenshots (scaled 8x for convenience).

Actual results:

backdrop-filter and mix-blend-mode affect subpixel text antialiasing differently.

mix-blend-mode disables subpixel AA for the affected elements, which is the correct behavior.

backdrop-filter does not disable subpixel AA, which results in incorrect text rendering for some operations.

Expected results:

I would expect the two attached test cases to render pixel-to-pixel identical. One of them has an element with backdrop-filter: invert(); background: transparent; and the other with mix-blend-mode: difference; background: white;.

Chrome behaves differently in this test case, but I believe its behavior is also incorrect. See https://issues.chromium.org/issues/407785181

The Bugbug bot thinks this bug should belong to the 'Core::Graphics: WebRender' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Component: Untriaged → Graphics: WebRender
Product: Firefox → Core

:gw, can you comment to this bug?

Flags: needinfo?(gwatson)
Severity: -- → S3
Flags: needinfo?(gwatson)
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: