backdrop-filter not working even with flag set to true
Categories
(Core :: CSS Parsing and Computation, defect)
Tracking
()
People
(Reporter: hugh, Unassigned)
References
Details
Attachments
(2 files)
notblurred.png
User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:70.0) Gecko/20100101 Firefox/70.0
Steps to reproduce:
Navigate to about:config, ensure the checkbox is checked, click "I accept the risks", search for "backdrop-filter" and ensure that the Value is "true"
Navigate to about:blank
Open the dev console
Inspect the DOM
Edit the body element as HTML
Replace with the following code:
<body>
Hello World
<div style="position:absolute; background:#7f00007f; top:0; left:0; width:100px; height:100px; backdrop-filter:blur(4px);"></div>
</body>
Actual results:
"Hello World" is not blurred. No other content behind the div will be blurred.
Expected results:
Backdrop should be blurred.
|
Reporter | |
Comment 1•5 years ago
|
||
|
|
Reporter | |
Comment 2•5 years ago
|
||
See also:
https://codepen.io/andyadams/pen/NQrrJv
https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter states that this feature is available in FF 70 with the flag set to true.
|
||
Updated•5 years ago
|
|
||
Comment 3•5 years ago
|
||
It also needs gfx.webrender.all set to true and a browser restart, the old composite doesn't implement it.
That mdn page needs a note if it hasn't one already.
|
|
Reporter | |
Comment 4•5 years ago
|
||
Thanks Emilio, how would one raise a 'bug' against the mdn page?
|
|
||
Comment 5•5 years ago
|
||
I think you can edit MDN yourself, and somebody would review it.
|
||
Comment 6•3 years ago
|
||
It does not work for me, after setting both flags to true and restarting firefox. Firefox developer edition 98.0b7, Windows 10, Nvidia GTX 650 TI GPU
|
|
||
Comment 7•3 years ago
|
||
I can reproduce the issue even if both setting layout.css.backdrop-filter.enabled and gfx.webrender.all to true.
Regression window:
https://hg.mozilla.org/integration/autoland/pushloghtml?fromchange=da76ee7195832a71ca2c79fd2474bdae87511316&tochange=c79d3fca84c61d82fad4a98dbd4fc7aa59f569c6
Regressed by: Bug 1741779 - Temporarily make backdrop-filter display item a no-op
So, it seems that Mozilla intentionally made these settings not to work for now.
|
||
Updated•3 years ago
|
Description
•