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?