Hi, this is my first bug report here so I hope it's correct. It feels like a WebKit bug, but it doesn't occur in Safari, so unsure how to proceed.
My website has an element with the style -webkit-backdrop-filter: var(--backdrop-glossy)
, where I have defined in :root
that --backdrop-glossy: blur(8px)
. This rule doesn't work however, whereas -webkit-backdrop-filter: blur(8px)
(with inlining) works.
If you need to take a look: the website is here, and the element that doesn't blur is the top bar element .ao
.
Thanks!
The element properly applies a blur on the backdrop.
Version 0.99.130.2-beta (WebKit 621.1.2.111.4) Build date Dec 28 2024 MacBook Pro (macOS Sequoia 15.0.1 build 24A348)
Sequoia (15)