Backdrop Filter outputs only preffixed version

[kaumac]

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]

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]

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]

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.