Skip to content

Changing the font token customization settings leave certain lines incorrectly centered #292286

@aiday-mar

Description

@aiday-mar
  • Place the following in the settings:
{
    "editor.tokenColorCustomizations": {
        "textMateRules": [
            {
                "scope": "entity.name.type.class",
                "settings": {
                    "fontSize": 3,
                    "lineHeight": 2
                }
            }
        ]
    },
}
  • Open the file stickyScrollWidget.ts in the vscode repo.
  • Observe the StickyScrollWidget token is higher sized
  • Set the settings to:
{
    "editor.tokenColorCustomizations": {
        "textMateRules": [
            {
                "scope": "meta.class.ts",
                "settings": {
                    "fontSize": 3,
                    "lineHeight": 2
                }
            }
        ]
    }
}
  • Observe the whole class is higher sized
  • Set the setting back to:
{
    "editor.tokenColorCustomizations": {
        "textMateRules": [
            {
                "scope": "entity.name.type.class",
                "settings": {
                    "fontSize": 3,
                    "lineHeight": 2
                }
            }
        ]
    },
}
  • Observe certain lines like line 33 with the text:

equals(other: StickyScrollWidgetState | undefined): boolean {

is offset and not centered correctly on its line

Screen.Recording.2026-02-02.at.12.09.41.mov

Metadata

Metadata

Assignees

Labels

bugIssue identified by VS Code Team member as probable bugfont-token-customizationinsiders-releasedPatch has been released in VS Code InsidersverifiedVerification succeeded

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions