Skip to content

📝 CSS combining functional pseudo-classes breaks indent #10045

@gardinbe

Description

@gardinbe

Environment information

If combining multiple functional pseudo-classes together (like :not(), :where()) and the line length exceeds the maximum length, the indentation of the formatted result is not correct: the resulting indentation is actually double what it should be.

This applies regardless of the user's indentation settings.

Playground link will highlight the expected (Prettier) output vs actual Biome output.

Thanks!

Configuration

Default Biome formatter options.

Playground link

https://biomejs.dev/playground/?indentStyle=space&quoteStyle=single&enabledLinting=false&analyzerFixMode=safeAndUnsafeFixes&enabledAssist=false&tab=formatter&pane=Diagnostics&code=aQBuAHAAdQB0ADoAbgBvAHQAKAA6AHcAaABlAHIAZQAoAFsAdAB5AHAAZQA9ACcAcwB1AGIAbQBpAHQAJwBdACwAWwB0AHkAcABlAD0AJwBjAGgAZQBjAGsAYgBvAHgAJwBdACwAWwB0AHkAcABlAD0AJwByAGEAZABpAG8AJwBdACwAWwB0AHkAcABlAD0AJwBiAHUAdAB0AG8AbgAnAF0ALABbAHQAeQBwAGUAPQAnAHIAZQBzAGUAdAAnAF0AKQApACAAewAKACAAIABpAG4AbABpAG4AZQAtAHMAaQB6AGUAOgAgADEAMAAwACUAOwAKAH0A&language=css

Code of Conduct

  • I agree to follow Biome's Code of Conduct

Metadata

Metadata

Assignees

No one assigned

    Labels

    A-FormatterArea: formatterL-CSSLanguage: CSS and super languagesS-Bug-confirmedStatus: report has been confirmed as a valid bug

    Type

    No fields configured for Bug.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions