Background blurs cannot be rendered in Firefox

[yafesdot]

Background blurs cannot be rendered in Firefox

URL: https://periodum.com/

Steps to reproduce

• Go to Index of the site on Firefox
• Make some action that triggers a Sidebar to open (e.g. click on an element)

Expected Result

• Sidebar should have a blurry background effect

Actual Result

• Sidebar's background is just transparent and it's so hard to read what is on the sidebar

Visual Proof

Produced on

• Firefox(96.0.1(64-bit))[PS: You can reproduce this issue on every firefox version to date. Source: https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter]

Priority: LOW

Merhaba,
Firefox'da (96.0.1 (64 bit)) deyalı bilgi paneli transparan açıldığı için okumak pek mümkün değil maalesef.

• Originally posted by @krumdahr in Tarayıcı Kontrolü #3 (comment)

[galinator9000]

Firefox 96.0.2 versiyonunda aynı problemi tekrar edebildim.

Bu blur efekti backdrop-filter özelliği kullanılarak sağlanmış. (bkz)

Bu sayfada görülebileceği gibi tarayıcıların birçoğu backdrop'u son versiyonlarında destekliyor, Firefox hariç.
Bunu aktif edebilmek için yöntemler olduğunu bulsam da bende nedense işe yaramadı.

Efekt için başka bir alternatif bulunursa Firefox özelinde o uygulanabilir.

[yafesdot]

I think we can close this issue since #55 offers a pretty decent solution for this issue.