search

parcel-bundler / lightningcss

An extremely fast CSS parser, transformer, bundler, and minifier written in Rust.
https://lightningcss.dev
Mozilla Public License 2.0
6.19k stars 170 forks source link

Backdrop Filter outputs only preffixed version #695

Open kaumac opened 4 months ago

kaumac commented 4 months ago

Hey all!

I'm using lightningcss with pandacss and the output of backdrop-filter is only -webkit-backdrop-filter: '...', causing it not to work on the most recent version of Edge.

This is my current browserlist setup: 'last 10 versions', 'not dead', 'not < 2%'

devongovett commented 4 months ago

I am not seeing that behavior in the playground. I used the browserslist website to convert your browserslist to versions.

Maybe it's something in panda?

zillnet-l2 commented 2 months ago

I encountered the same problem.

Input:

.foo {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

Output:

.foo{-webkit-backdrop-filter:blur(10px)}

Not work in Firefox and Chrome.

Here is we expect:

.foo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
kaumac commented 2 months ago

Sorry forgot to reply. I'm no longer using Panda (and therefore lightningcss).

But both on the playground that @devongovett shared (Playground link) and on the one that @zillnet-l2 shared (playground link) this issue is being reproduced, so definitely aa lightningcss issue.

I don't know how there aren't more people reporting this as it's very critical.