1600485 - backdrop-filter with visibility hidden still shows

Status: RESOLVED FIXED

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

Description

[cherrador]

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:71.0) Gecko/20100101 Firefox/71.0

Steps to reproduce:

• Enabled the gfx.webrender.enabled=true and layout.css.backdrop-filter.enabled=true.
• Follow the CodePen example at https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter
• Edit the CSS .box class, add visibility:hidden;

Actual results:

Before the change, you can select the text inside the div. After the change the text cannot be selected anymore confirming that the element is hidden, however the blur filter stayed applied as it's visible.

Hypothetical, if the element was applied as a modal block on top of a form, after hiding the block element, the form will be accessible but blurred.

Expected results:

Try the same on Chrome, the element and the blur filter should be hidden.

Comment 1

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

Bugbug thinks this bug should belong to this component, but please revert this change in case of error.

Comment 2

[Darkspirit]

With Chrome, text and backdrop-filter are hidden by visibility:hidden.
With Firefox, only the text is hidden, but backdrop-filter is still visible.

Comment 3

[Darkspirit]

Attachment: Bildschirmfoto von 2021-09-09 14-19-24.png

Still reproducible.
With Chrome, text and backdrop-filter are hidden by visibility:hidden.
With Firefox, only the text is hidden, but backdrop-filter is still visible.

Comment 4

[Ksenia Berezina [:ksenia]]

This is affecting https://www.churchofjesuschrist.org/?lang=eng now that backdrop-filter is enabled on Nightly (the full site is blurred)

Comment 5

[Karl Dubost💡 :karlcow]

We removed the Webcompat Priority because it's not a standard configuration (dependent on the config)