1741305 - backdrop-filter: blur produces jarring, high-contrast artifacts that look like tiles

Status: RESOLVED FIXED

(Core :: Graphics: WebRender, defect, P3)

Description

[Shane Hughes [:aminomancer]]

Attachment: See the edge that appears and disappears when the mouse interacts with it.

backdrop-filter: blur seems to spontaneously create these weird artifacts. I have seen this pretty much everywhere I've ever seen backdrop-filter: blur used. I've tried to use it in chrome documents too with the same results.

This is way outside my sphere of knowledge so I can't speculate on the cause at all. I just wanted to post about this because, although I've seen it many times in the last year or so, it was mostly in an experimental context. Like web devs experimenting with it, or me experimenting with it in the firefox UI.

But today I saw this bug on music.amazon.com, which is obviously a very major website. So maybe fixing this should be a high priority after all. If you click the gear icon on music.amazon.com, the settings menu popup that appears has backdrop-filter: blur. And, at least on my end, it instantly produces this distinctive artifact.

Comment 1

[Shane Hughes [:aminomancer]]

Attachment: The backdrop-filter: blur bug on music.amazon.com's gear button menu popup

Here's another format.

Comment 2

[Miko Mynttinen]

I can reproduce this on music.amazon.com.

Comment 3

[Shane Hughes [:aminomancer]]

I think this is probably related to 1732563 since I've seen similar things previously, but on much larger elements. It seems to happen especially often when you apply the backdrop filter to an element that's gonna layer on top of an iframe or even a <browser>

Comment 4

[Gregory Pappas [:gregp]]

Shane, I believe this is now resolved, are you still able to reproduce in the latest Firefox Nightly?

Comment 5

[Shane Hughes [:aminomancer]]

(In reply to G from comment #4)

Shane, I believe this is now resolved, are you still able to reproduce in the latest Firefox Nightly?

I'm currently not seeing the checkerboard artifact on music.amazon.com. But I don't know enough about the etiology here to say if the issue is fixed

Comment 6

[Gregory Pappas [:gregp]]

(In reply to Shane Hughes [:aminomancer] from comment #5)

(In reply to G from comment #4)
I don't know enough about the etiology here to say if the issue is fixed

Due to the way backdrop-filter was disabled, trying to use mozregression to find the patch that fixed this is not possible. My suspicion is that this is a duplicate of bug 1732563 or bug 1732563 and that it was fixed by bug 1769464 or bug 1765862 (on further pondering, it's definitely not this one, the patch is not related) ... I really don't know. Glenn, what do you think fixed this?

Comment 7

[Glenn Watson [:gw]]

Possibly https://bugzilla.mozilla.org/show_bug.cgi?id=1766501, or possibly just generally fixed by the initial new implementation.