postcss-nesting 10.1.9 regression (original) (raw)

Bug description

After updating to postcss-nesting 10.1.9 I found regression in my UI.

I solved the problem by noIsPseudoSelector option.

But why :is() is not working?

If it is my mistake, let’s improve ChangeLog.

Source CSS

.checkbox_icon::before { @nest .checkbox_input:checked + .checkbox_control > & { color: black } }

Expected CSS

10.1.8 output works good:

.checkbox_input:checked + .checkbox_control > .checkbox_icon::before { color: black }

Actual CSS

10.1.9 doesn’t work [at least] in Firefox 101

.checkbox_input:checked + .checkbox_control > :is(.checkbox_icon::before) { color: black; }

Does it happen with `npx @csstools/csstools-cli <plugin-name> minimal-example.css`?

Yes

Debug output

No response

Extra config

PostCSS config:

{ "plugins": { "@csstools/postcss-oklab-function": { "subFeatures": { "displayP3": false } }, "postcss-opacity-percentage": {}, "postcss-mixins": { "mixinsFiles": "view/**/mixins.pcss" }, "postcss-nesting": {}, "postcss-media-minmax": {}, "autoprefixer": {} } }

What plugin are you experiencing this issue on?

PostCSS Nesting

Plugin version

10.1.9

What OS are you experiencing this on?