KP-C

Kevin Powell - Community•4y ago•

1 reply

lko

Tailwind backdrop-blur doesn't work on edges

If you open my project https://play.tailwindcss.com/lsKK2pHcG7, and you open the

dialog

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

vw

and

vh

vh

or percentages. If I use pixels, the borders are sharp and not blurred

I'm on windows using a chromium browser

Tailwind 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.