Skip to content

🐛 When templated var in Embeded CSS, indent get lost #9166

@eMerzh

Description

@eMerzh

Environment information

Details
CLI:
  Version:                      2.4.2
  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:           v25.6.1
  JS_RUNTIME_NAME:              node
  NODE_PACKAGE_MANAGER:         pnpm/10.30.1

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?

When formatting with experimental's embed support,

if one of the blocks has embedded templates, (which are obv not yet handled)
all subsequent block loose the indentation

https://github.com/eMerzh/biome-repro-1771407884369

const color = "red";

const TooltipStyled = styled.div`
	max-width: 150px;
	max-height: 150px;
	color: ${color};
`;

const Container = styled.div`
	display: flex;
`;

here container will become

const Container = styled.div`display: flex;
`;

Expected result

i know the embed are not yet supported,

but i would expect the subsequent blocks to be handled "normally", or at least left untouched.

hopefully embed tags could, one day, be managed, but that's another beast :)

Code of Conduct

  • I agree to follow Biome's Code of Conduct

Metadata

Metadata

Assignees

No one assigned

    Labels

    S-Needs triageStatus: this issue needs to be triaged

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions