Skip to content

Long Token Foreground Make Token Inspect Invisible #95416

@ChayimFriedman2

Description

@ChayimFriedman2

image

As you can see we can't see the semantic token type etc.. There should be a vertical scroll bar.

Steps to reproduce:

  1. Enable "Developer: Inspect Editor Tokens and Scopes".
  2. Type some token which has long description (typically foreground). For my screen TypeScript's Number is enough with semantic highlighting enabled.
  3. You can't see the token type and some others property.

A simple fake solution will be to left-align the properties (instead of the current right-alignment) so the most are visible even when there are some long ones. Another solution will be to enable overflow, but that'll be hard since often there are not spaces so we don't have hints where to break line.

That happens for many tokens (on my laptop's screen) such as Promise and more, since the CSS selectors in "foreground" are usually big.

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions