backdrop-filter: blur renders differently in puppeteer headless vs non-headless screenshot

Question

When I apply backdrop-filter: blur(15px) and take a screenshot using puppeteer, this is what I get in non-headless mode, which is consistent with how I see it in Chrome:

But when I screenshot the same page in headless mode, I get this image:

As you can see, the backdrop filter effect tapers off toward the edges of the div.

What gives?

Answer 1

I use chrome-stable on ubuntu and for me backdrop filter not working at all.