1947184 - filter drop-shadow breaks children with backdrop-filter blur

Status: NEW

(Core :: Graphics: WebRender, defect)

Description

[Mikhail]

Attachment: code that reproduces the bug. try disabling filter drop-shadow in dev tools

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:134.0) Gecko/20100101 Firefox/134.0

Steps to reproduce:

Made a div container with CSS propety
filter: drop-shadow(0 15px 19px #00000040);

Inside made a button with property
backdrop-filter: blur(10px);

Actual results:

Button was not visible, although in developer tools its outlines were there

Expected results:

The button should've gotten the blurry background

Comment 1

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

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.

Comment 2

[Robert Longson [:longsonr]]

Attachment: background.jpg

Comment 3

[Robert Longson [:longsonr]]

Attachment: stylesheet

Comment 4

[Robert Longson [:longsonr]]

Attachment: reporter's testcase

Comment 5

[Robert Longson [:longsonr]]

Attachment: reporter's testcase