Adjacent and direct descendant selectors are not space separated

[raduluchian]

Altought the CSS rule for "selector_separator" is set to " " (space character) this doesn't apply to rules that use direct descendant selectors or adjacent selectors. For example the following code...

a+b {
    ...
}

a>b {
    ...
}

... doesn't get formatted into this:

a + b {
     ...
}

a > b {
    ...
}

[bitwiseman]

So, the space shouldn't be added, but is?

[raduluchian]

Nope, quite the opposite: the space should be added but isn't.

[bitwiseman]

Oh, okay. 😄
What would you expect to see if "selector_separator" were set to "\n"?

[raduluchian]

I suppose to see each selector on a separate line, even if they are part of the same rule. So I would expect this code:

.one .two .three {
    ...
}

to be formatted into this:

.one
.two
.three {
    ...
}

[bitwiseman]

What about your original example?

[raduluchian]

a>b {
    ...
}

would turn into this:

a
>
b {
    ...
}

[raduluchian]

This issue had it's one year birthday yesterday. :) Any updates on it?

[bitwiseman]

Nope. This project is widely used and I devote what time I can to it, but it needs more contributors.

[bitwiseman]

@raduluchian - Have you tried setting space_around_selector_separator = true?
The name is odd, but I think that will do what you want.

[smonff]

@bitwiseman The space_around_selector_separator parameter set to true fix this issue.

Though, it should be like that by default: I cannot think of a situation where you wouldn't want js-beautify-css not to add (or maintain existing spaces) between + or > relationship separators because it breaks your CSS rules (I mean, it is not an "aesthetic" bug).

[FrEaKmAn]

For anyone wondering, this has been update to space_around_combinator