'Unexpected an empty line before property "undefined"'

[jamesarosen]

Given this stylelint configuration:

'order/properties-order': [
  [
    'color',
    'font-size',
  ],
  {
    unspecified: 'bottom',
    emptyLineBeforeUnspecified: 'never',
  },
]

and the following SCSS:

.foo {
  color: blue;
  font-size: 12px;

  &__bar {
    color: purple;
  }
}

I get the following error:

   5:3  ✖  Unexpected an empty line before property "undefined"            order/properties-order

[hudochenkov]

Thank you for the report! I'll take a look in a few days.

[hudochenkov]

Indeed. Bug is happening when emptyLineBeforeUnspecified is specified.

[hudochenkov]

I've fixed some existing incorrect tests for emptyLineBeforeUnspecified and added more #90. Now we need to fix the code.

@njbraun would you like to help fix this option, please?

[njbraun]

@jamesarosen I want to make sure we're capturing your issue correctly. From the example you gave, I'm potentially seeing 3 issues:

1. The error message incorrectly identifies the &__bar { color: purple; } block as "undefined" Instead, the error message should read: 5:3 ✖ Unexpected an empty line before property "&__bar {" order/properties-order

2. The error message 5:3 ✖ Unexpected an empty line before property "undefined" order/properties-order shouldn't include the word an between Unexpected and empty.

3. The error itself is unexpected. You don't count the line &__bar { as an "unspecified" item, so this rule should not be active and the example you gave should pass stylelint without issue.

Let us know why this was originally filed.

[hudochenkov]

@njbraun there should not be any violations, because there are no unspecified properties.

[jamesarosen]

I am specifically referring to (3)

[hudochenkov]

Fix released in stylelint-order@4.0.0. Happy New Year!