Tailwind backdrop-blur doesn't work on edges
If you open my project https://play.tailwindcss.com/lsKK2pHcG7, and you open the
dialog trough the js (sorry I didn't know how to open it in the tailwind playground), you can see that the edges of the screen are not blurred, why is that?
The problem occurs just when the backdrop width and height are "not specific values" like vw and vh or percentages. If I use pixels, the borders are sharp and not blurred
I'm on windows using a chromium browserTailwind Play
Tailwind Play
An advanced online playground for Tailwind CSS that lets you use all of Tailwind's build-time features directly in the browser.
1 Reply
It's a browser problem, I'm using Vivaldi. I now tried with Brave, Chrome and Edge and it works on all 3. Now, after trying in guest mode in Vivaldi, it works in my profile too. Idk what happened