-webkit-backdrop-filter not working on Safari

Safari 14.1.2 not showing -webkit-backdrop-filter: blur(10px); I have tried multiple versions, inline, with jQuery, with @supports but nothing works. Strangest thing is that it is shown as enabled in Safari 'Web Inspector' and works if I toggle it off and back one again. What could be the solution? Is there any workarounds?

Hithere,

I had the same Problem. My Issue was my not 'visible' div in the Beginning. (Bottom-Top-Slideanimation)

 div{
            height: 0px,
            bottom: 0px,
            -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    }

My solution was:

  div{
                height: 1px,
                bottom: -1px,
                -webkit-backdrop-filter: blur(10px);
                backdrop-filter: blur(10px);
        }

Now it works.

I hope this is a Solution for you.

Greetings, Simerl