[Bug] Use element selector with comment in `@preprocessor stylus` has wrong output

[suienzan]

Bug Report

Bug Description

Use element selector with comment in @preprocessor stylus has wrong output

Screenshots

CSS Code

/* ==UserStyle==
@name           www.google.com - 2022/7/25 17:01:40
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
@preprocessor   stylus

==/UserStyle== */

@-moz-document domain("www.google.com") {
  body, 
  // comment
  .class {
    background: #000;
  }
}

System Information

• OS: Linux
• Browser: Vivaldi 5.3.2679.70
• Stylus Version: 1.5.25

Additional Context

will compile to the following

<style id="stylus-28" type="text/css" class="stylus">
  body: ;
  .class {
    background: #000;
  }
</style>

[tophf]

Using a // comment will produce incorrect result in this case even if this bug is fixed: demo.

P.S. I guess we should change the default behavior in our editor to use a /* block comment */ in stylus and less.

[suienzan]

Using a // comment will produce incorrect result in this case even if this bug is fixed: demo.

P.S. I guess we should change the default behavior in our editor to use a /* block comment */ in stylus and less.

Every line is in the same indent level. You demo has wrong indent.

[tophf]

Ah, thanks. Still we should probably change the default comment type because it'll help with linting (currently we hide the internal error).

[tophf]

It's a bug in Stylus-lang preprocessor: demo1 and demo2.

[tophf]

Could you check if it's reported in their repo and maybe report it otherwise?

[tophf]

Your demo links are broken when I open them. My links work. I guess it's a copypaste error.

[suienzan]

Your demo links are broken when I open them. My links work. I guess it's a copypaste error.

Fixed. Seems Vivaldi browser auto decode the url.