1800206 - backdrop-filter breaks when applied over a youtube embed

Status: RESOLVED DUPLICATE of bug 1799425

(Core :: Graphics: WebRender, defect)

Description

[Alexander A.]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:106.0) Gecko/20100101 Firefox/106.0

Steps to reproduce:

I can reproduce the issue consistanty like this:

1. Add a youtube embed into an html file.
2. Add a position: fixed; div with a backdrop-filter above it. The specific filter does not matter, all of them are broken. Blur showes the problem best.

Codepen: https://codepen.io/Onlinezwang/pen/GRGWedP

Actual results:

The effect breaks on the entire page. In case of blur, text retains its outlines but recieves a sort of shadow. The embeded video is blurred in the middle, but not at the edges, as are images.

This bug does not apply to Vimeo embeds.

It also happens in Firefox Nighly 108.0a1 (2022-11-10) and Firefox for Android 106.1.0

Expected results:

The effect should be rendered correctly, like it is once the embeded video is removed. It works in Chrome 107.0.5304.110 and (using -webkit-backdrop-filter) in Safari 16.1 (18614.2.9.1.12).

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

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

Comment 2

[Jeff Muizelaar [:jrmuizel]]

Glenn, can you reproduce this?

Comment 3

[Emilio Cobos Álvarez [:emilio]]

Pretty sure this is bug 1799425.

Comment 4

[Timothy Nikkel (:tnikkel)]

(In reply to Emilio Cobos Álvarez (:emilio) from comment #3)

Pretty sure this is bug 1799425.

*** This bug has been marked as a duplicate of bug 1799425 ***

Yes, confirmed that.