Skip to content

🐛 Invalid parsing of @media in embedded CSS-in-JS #9113

@wojtekmaj

Description

@wojtekmaj

Environment information

Details
CLI:
  Version:                      2.4.1
  Color support:                true

Platform:
  CPU Architecture:             aarch64
  OS:                           macos

Environment:
  BIOME_LOG_PATH:                    unset
  BIOME_LOG_PREFIX_NAME:             unset
  BIOME_LOG_LEVEL:                   unset
  BIOME_LOG_KIND:                    unset
  BIOME_CONFIG_PATH:                 unset
  BIOME_THREADS:                     unset
  BIOME_WATCHER_KIND:                unset
  BIOME_WATCHER_POLLING_INTERVAL:    unset
  NO_COLOR:                     unset
  TERM:                         xterm-256color
  JS_RUNTIME_VERSION:           v24.11.1
  JS_RUNTIME_NAME:              node
  NODE_PACKAGE_MANAGER:         yarn/4.10.3

Biome Configuration:
  Status:                       Loaded successfully
  Path:                         biome.json
  Formatter enabled:            true
  Linter enabled:               true
  Assist enabled:               true
  VCS enabled:                  true
  HTML full support enabled:    unset

Workspace:
  Open Documents:               0

What happened?

https://biomejs.dev/playground/?code=aQBtAHAAbwByAHQAIABzAHQAeQBsAGUAZAAgAGYAcgBvAG0AIAAnAHMAdAB5AGwAZQBkAC0AYwBvAG0AcABvAG4AZQBuAHQAcwAnADsACgAKAGUAeABwAG8AcgB0ACAAYwBvAG4AcwB0ACAAVwByAGEAcABwAGUAcgAgAD0AIABzAHQAeQBsAGUAZAAuAGQAaQB2AGAACgAgACAAaABlAGkAZwBoAHQAOgAgADIAMABwAHgAOwAKAAoAIAAgAEAAbQBlAGQAaQBhACAAcwBjAHIAZQBlAG4AIABhAG4AZAAgACgAbQBpAG4ALQB3AGkAZAB0AGgAOgAgADcANgA4AHAAeAApACAAewAKACAAIAAgACAAaABlAGkAZwBoAHQAOgAgADQAMABwAHgAOwAKACAAIAB9AAoAYAA7AAoA&ruleDomains.react=recommended

Expected result

Biome to correctly parse @media in embedded CSS-in-JS instead of displaying seemingly random errors

Code of Conduct

  • I agree to follow Biome's Code of Conduct

Metadata

Metadata

Labels

A-ParserArea: parserL-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