📝 array element wrapped when headed by a comment

[Vankog]

Environment information

CLI:
  Version:                      2.2.5
  Color support:                true

Platform:
  CPU Architecture:             x86_64
  OS:                           windows

Environment:
  BIOME_LOG_PATH:               unset
  BIOME_LOG_PREFIX_NAME:        unset
  BIOME_CONFIG_PATH:            unset
  BIOME_THREADS:                unset
  NO_COLOR:                     unset
  TERM:                         unset
  JS_RUNTIME_VERSION:           v24.9.0
  JS_RUNTIME_NAME:              node
  NODE_PACKAGE_MANAGER:         npm/11.6.1

Biome Configuration:
  Status:                       Loaded successfully
  Path:                         biome.jsonc
  Formatter enabled:            true
  Linter enabled:               false
  Assist enabled:               true
  VCS enabled:                  true

Formatter:
  Format with errors:           false
  Indent style:                 unset
  Indent width:                 unset
  Line ending:                  LF
  Line width:                   160
  Attribute position:           unset
  Bracket spacing:              false
  Includes:                     unset

JavaScript Formatter:
  Enabled:                      true
  JSX quote style:              unset
  Quote properties:             As needed
  Trailing commas:              All
  Semicolons:                   Always
  Arrow parentheses:            Always
  Bracket spacing:              false
  Bracket same line:            unset
  Quote style:                  Double Quotes
  Indent style:                 unset
  Indent width:                 unset
  Line ending:                  unset
  Line width:                   unset
  Attribute position:           unset

JSON Formatter:
  Enabled:                      true
  Indent style:                 unset
  Indent width:                 unset
  Line ending:                  unset
  Line width:                   unset
  Trailing Commas:              unset
  Expand lists:                 unset

CSS Formatter:
  Enabled:                      unset
  Indent style:                 unset
  Indent width:                 unset
  Line ending:                  unset
  Line width:                   unset
  Quote style:                  unset

GraphQL Formatter:
  Enabled:                      unset
  Indent style:                 unset
  Indent width:                 unset
  Line ending:                  unset
  Line width:                   unset
  Bracket spacing:              unset
  Quote style:                  unset

Workspace:
  Open Documents:               0

Configuration

{
	"$schema": "https://biomejs.dev/schemas/2.2.5/schema.json",
	"vcs": {
		"enabled": true,
		"clientKind": "git",
		"useIgnoreFile": true,
		"defaultBranch": "main"
	},
	"files": {
		"ignoreUnknown": false
	},
	"formatter": {
		/* use
		 * "// biome-ignore format: <explanation>"
		 * to ignore formatting for a line or block
		 */
		"enabled": true,
		"useEditorconfig": true,
		"lineWidth": 160, // for some reason, it does not use the .editorconfig "max_line_length" as prettier does
		"formatWithErrors": false,
		"expand": "auto",
		"lineEnding": "lf",
		"bracketSpacing": false
	},
	"linter": {
		"enabled": false
	},
	"assist": {
		"enabled": true,
		"actions": {
			"source": {
				"recommended": true,
				"organizeImports": "on"
			},
			"recommended": true
		}
	},
	"javascript": {
		"assist": {
			"enabled": true
		},
		"parser": {
			"unsafeParameterDecoratorsEnabled": true
		},
		"formatter": {
			"enabled": true,
			"quoteProperties": "asNeeded",
			"trailingCommas": "all",
			"semicolons": "always",
			"arrowParentheses": "always",
			"quoteStyle": "double",
			"bracketSpacing": false,
			"operatorLinebreak": "before"
		}
	},
	"json": {
		"assist": {
			"enabled": true
		},
		"formatter": {
			"enabled": true
		}
	}
}

Playground link

https://biomejs.dev/playground/?lineWidth=160&indentWidth=4&bracketSpacing=false&enabledLinting=false&allowComments=false&code=aQBtAHAAbwByAHQAIAB7ACAAZQB4AHAAZQBjAHQALAAgAEwAbwBjAGEAdABvAHIALAAgAFAAYQBnAGUALAAgAHQAZQBzAHQAIAB9ACAAZgByAG8AbQAgACIAQABwAGwAYQB5AHcAcgBpAGcAaAB0AC8AdABlAHMAdAAiADsACgAKAGUAeABwAG8AcgB0ACAAYwBsAGEAcwBzACAASABvAG0AZQBwAGEAZwBlAFMAZQBhAHIAYwBoAEMAbQBwACAAewAKAAkAcAByAGkAdgBhAHQAZQAgAHIAZQBhAGQAbwBuAGwAeQAgAHMAZQBhAHIAYwBoAEEAcgBlAGEARgBpAGwAdABlAHIAOgAgAEwAbwBjAGEAdABvAHIAOwAKAAkAcAByAGkAdgBhAHQAZQAgAHIAZQBhAGQAbwBuAGwAeQAgAGEAdgBhAGkAbABhAGIAbABlAFMAZQBhAHIAYwBoAEEAcgBlAGEAcwA6ACAATABvAGMAYQB0AG8AcgA7AAoACQBwAHIAaQB2AGEAdABlACAAcgBlAGEAZABvAG4AbAB5ACAAcwBlAGEAcgBjAGgAQQByAGUAYQBPAHAAdABpAG8AbgA6ACAATABvAGMAYQB0AG8AcgA7AAoACQBwAHIAaQB2AGEAdABlACAAcgBlAGEAZABvAG4AbAB5ACAAcwBlAGEAcgBjAGgARgBpAGUAbABkADoAIABMAG8AYwBhAHQAbwByADsACgAKAAkAYwBvAG4AcwB0AHIAdQBjAHQAbwByACgAcABhAGcAZQA6ACAAUABhAGcAZQApACAAewAKAAkACQB0AGgAaQBzAC4AcwBlAGEAcgBjAGgAQQByAGUAYQBGAGkAbAB0AGUAcgAgAD0AIABwAGEAZwBlAC4AbABvAGMAYQB0AG8AcgAoACIAdQB4AC0AZAByAG8AcABkAG8AdwBuAC4AdQB4AC0AZAByAG8AcABkAG8AdwBuACIAKQA7AAoACQAJAHQAaABpAHMALgBhAHYAYQBpAGwAYQBiAGwAZQBTAGUAYQByAGMAaABBAHIAZQBhAHMAIAA9ACAAcABhAGcAZQAuAGwAbwBjAGEAdABvAHIAKAAiAC4AdQB4AC0AZAByAG8AcABkAG8AdwBuAF8AXwBkAHIAbwBwAGQAbwB3AG4ALQBsAG8AYwBhAHQAbwByACIAKQA7AAoACQAJAHQAaABpAHMALgBzAGUAYQByAGMAaABBAHIAZQBhAE8AcAB0AGkAbwBuACAAPQAgAHAAYQBnAGUALgBsAG8AYwBhAHQAbwByACgAIgB1AHgALQByAGEAZABpAG8ALQBsAGkAcwB0AC0AaQB0AGUAbQBbAG4AYQBtAGUAPQBTAGgAbwBwAEEAcgBlAGEAUwBlAGwAZQBjAHQAaQBvAG4AXQAiACkAOwAKAAkACQB0AGgAaQBzAC4AcwBlAGEAcgBjAGgARgBpAGUAbABkACAAPQAgAHAAYQBnAGUALgBsAG8AYwBhAHQAbwByACgAIgBpAG4AcAB1AHQAWwBuAGEAbQBlAD0AUwBlAGEAcgBjAGgAVABlAHIAbQBdACIAKQA7AAoACQB9AAoACgAJAGMAaABlAGMAawBUAGgAYQB0ACAAPQAgAHsACgAJAAkAcwBlAGEAcgBjAGgAZgBpAGUAbABkAE0AbwBkAHUAbABlAEkAcwBWAGkAcwBpAGIAbABlADoAIABhAHMAeQBuAGMAIAAoACkAOgAgAFAAcgBvAG0AaQBzAGUAPAB2AG8AaQBkAD4AIAA9AD4AIAB7AAoACQAJAAkAYQB3AGEAaQB0ACAAdABlAHMAdAAuAHMAdABlAHAAKAAiAFsAQwBdACAAdgBpAHMAaQBiAGkAbABpAHQAeQAgAG8AZgAgAHMAZQBhAHIAYwBoAGYAaQBlAGwAZAAiACwAIABhAHMAeQBuAGMAIAAoACkAOgAgAFAAcgBvAG0AaQBzAGUAPAB2AG8AaQBkAD4AIAA9AD4AIAB7AAoACQAJAAkACQBhAHcAYQBpAHQAIABQAHIAbwBtAGkAcwBlAC4AYQBsAGwAKABbAAoACQAJAAkACQAJAC8ALwAgAFMAZQBhAHIAYwBoACAAbQBvAGQAdQBsAGUACgAJAAkACQAJAAkAZQB4AHAAZQBjAHQALgBzAG8AZgB0ACgAdABoAGkAcwAuAHMAZQBhAHIAYwBoAEEAcgBlAGEARgBpAGwAdABlAHIAKQAuAHQAbwBCAGUAVgBpAHMAaQBiAGwAZQAoACkALAAKAAkACQAJAAkACQAvAC8AIABTAGUAYQByAGMAaAAgAGYAaQBlAGwAZAAKAAkACQAJAAkACQBlAHgAcABlAGMAdAAuAHMAbwBmAHQAKAB0AGgAaQBzAC4AcwBlAGEAcgBjAGgARgBpAGUAbABkACkALgB0AG8AQgBlAFYAaQBzAGkAYgBsAGUAKAApACwACgAJAAkACQAJAF0AKQA7AAoACQAJAAkAfQApADsACgAJAAkAfQAsAAoACgAJAAkAcwBlAGEAcgBjAGgAZgBpAGUAbABkAEEAcgBlAGEATwBwAHQAaQBvAG4ASQBzAFYAaQBzAGkAYgBsAGUAOgAgAGEAcwB5AG4AYwAgACgAbgB1AG0AYgBlAHIATwBmAEMAYQB0AGEAbABvAGcAcwA6ACAAbgB1AG0AYgBlAHIAKQA6ACAAUAByAG8AbQBpAHMAZQA8AHYAbwBpAGQAPgAgAD0APgAgAHsACgAJAAkACQBhAHcAYQBpAHQAIAB0AGUAcwB0AC4AcwB0AGUAcAAoACIAWwBDAF0AIAB2AGkAcwBpAGIAaQBsAGkAdAB5ACAAbwBmACAAcwBlAGEAcgBjAGgAZgBpAGUAbABkACIALAAgAGEAcwB5AG4AYwAgACgAKQA6ACAAUAByAG8AbQBpAHMAZQA8AHYAbwBpAGQAPgAgAD0APgAgAHsACgAJAAkACQAJAGEAdwBhAGkAdAAgAFAAcgBvAG0AaQBzAGUALgBhAGwAbAAoAFsACgAJAAkACQAJAAkALwAvACAAUwBlAGwAZQBjAHQAaQBvAG4AIABoAGkAZABkAGUAbgAgAHMAZQBhAHIAYwBoAAoACQAJAAkACQAJAGUAeABwAGUAYwB0AC4AcwBvAGYAdAAoAHQAaABpAHMALgBhAHYAYQBpAGwAYQBiAGwAZQBTAGUAYQByAGMAaABBAHIAZQBhAHMAKQAuAHQAbwBCAGUAQQB0AHQAYQBjAGgAZQBkACgAKQAsAAoACQAJAAkACQAJAGUAeABwAGUAYwB0AC4AcwBvAGYAdAAoAHQAaABpAHMALgBhAHYAYQBpAGwAYQBiAGwAZQBTAGUAYQByAGMAaABBAHIAZQBhAHMAKQAuAHQAbwBCAGUASABpAGQAZABlAG4AKAApACwACgAJAAkACQAJAAkAZQB4AHAAZQBjAHQALgBzAG8AZgB0ACgAdABoAGkAcwAuAHMAZQBhAHIAYwBoAEEAcgBlAGEATwBwAHQAaQBvAG4ALAAgAGAAWwBDAF0AIABBAHIAZQAgAG4AdQBtAGIAZQByACAAbwBmACAAYQB2AGEAaQBsAGEAYgBsAGUAIABzAGUAYQByAGMAaAAgAGEAcgBlAGEAcwA6ACAAJAB7AG4AdQBtAGIAZQByAE8AZgBDAGEAdABhAGwAbwBnAHMAfQAgAD8AYAApAC4AdABvAEgAYQB2AGUAQwBvAHUAbgB0ACgAbgB1AG0AYgBlAHIATwBmAEMAYQB0AGEAbABvAGcAcwAgACsAIAAxACkALAAgAC8ALwAgACsAMQAgAGIAZQBjAGEAdQBzAGUAIAB0AGgAZQByAGUAIABpAHMAIABhAG4AIABlAHgAdAByAGEAIABvAHAAdABpAG8AbgAgAHcAaABpAGMAaAAgAGMAYQBuACAAbgBvAHQAIABzAGUAcABhAHIAYQB0AGUAZAAgAC0ALgAtAAoACQAJAAkACQBdACkAOwAKAAkACQAJAH0AKQA7AAoACQAJAH0ALAAKAAkAfQA7AAoAfQAKAA%3D%3D&language=ts

Code of Conduct

• I agree to follow Biome's Code of Conduct

[Vankog]

(Side Note 1: is it intentional that your issue template does not contain a description field?)
(Side Note 2: The playground does not seem to respect the provided query params for all the configs. You have to set them manually.)
(Side Note 3: biome rage does not include the array expansion setting. It also does not seem to include the .editorconfig.)

Additional config:
I am using .editorconfig (originally setup for interop with Prettier):

#? https://spec.editorconfig.org/

# Stop the editor from looking for .editorconfig files in the parent directories
root = true

[*]
spelling_language = en-US

# Non-configurable Prettier behaviors
charset = utf-8
insert_final_newline = true
# Caveat: Prettier won’t trim trailing whitespace inside template strings, but your editor might.
trim_trailing_whitespace = true

# Configurable Prettier behaviors
# (change these if your Prettier config differs)
indent_style = tab
indent_size = 4
max_line_length = 160

[*.yml]
indent_size = 2

---

Actual:

• As you can see in the playground, if an array element is headed by a comment, the entry gets wrapped.
  • I suspect that the leading comment line is added to the overall line length of the element.
• Also note, that Prettier in does not take the trailing in-line comment on a line into account. Thus, Prettier does not wrap the line.
  • Biome does include the trailing comment and wraps the line.

Expected

• Comments on their own lines do not cause following lines to break.
• Review expected behavior regards inline-comments counting against line length.
  • Is the current behavior intentional?
  • I am fine with both approaches.

I hope this helps.

Thanks! :-)