backdrop-blur-none still applies a blur #13821
Description
Discussed in #13820
Originally posted by skoshx June 11, 2024
Using backdrop-blur-none still applies a blur (although it is 0px)
.backdrop-blur-none {
--tw-backdrop-blur: blur(0);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}The expected behavior is to remove any backdrop blur?
Basically, I have a component that merges tailwind classes, and by default has backdrop-blur-sm, after merging the backdrop-blur-none class overrides the previous, but it doesn't set --tw-backdrop-blur: none, instead it sets it to blur(0) which actually still creates a blur effect.
Metadata
Metadata
Assignees
Labels
No labels