@supports syntax is made invalid after uglifying

[fmarcia]

@supports syntax is made invalid after uglifying

[schjetne]

This bug should be reopened. Missing whitespace after or breaks the @supports rule in latest Chrome.

In my case, I was scratching my head because my position: sticky didn't work in Chrome, until I realized @supports((position: sticky) or (-webkit-position: sticky)) had been turned into @supports((position: sticky) or(-webkit-position: sticky)). I manually inserted the missing space and the rule worked as intended.

[fmarcia]

Thanks for your report.
I tried to use the output you provided in Firefox and it worked fine. Could you be more specific?

[fmarcia]

No feedback

[arkhi]

This is also the case with at least Firefox 68.0.2 and Chrome 6.0.3809.132.

[arkhi]

The bug can be seen here: https://jsfiddle.net/te1sk5a6/.

Just add the space on the second @ rule and the text should turn blue.

[arkhi]

The CSS Specifications specify that conjunction and disjunction tokens should have a space around:

• https://www.w3.org/TR/css3-mediaqueries/#error-handling, example 20
• https://www.w3.org/TR/css3-conditional/#or