Parent classes get the CSS style of the child classes if you add an extra comma

[jesse-deboer]

Parent classes get the css from nested classes if you accidentally put a comma at the end. I really don't know if this should be considered to be a bug or an issue .. 😅

Please see below for an example:

.testClass {
  
  .childClass, .secondChildClass, {
  	background:red;  
  }
  
}

.testClass will get a red background. This does not happen when using SCSS for example.

[ai]

It is a bug.

What is the output in this case?

[jesse-deboer]

The compiled output is the following:

.testClass .childClass, .testClass .secondChildClass, .testClass { background:red; }

[ai]

I think the issue should be somewhere here https://github.com/postcss/postcss-nested/blob/main/index.js#L40-L56

Can I ask you to look? I am working this week on another open-source project.

[jesse-deboer]

No problem @ai, I will try to look if I can fix this!

[jesse-deboer]

Fixed in PR #118!

[ai]

The fix was released in 5.0.5.

Thanks for the report and fix.