Skip to content

Lazy variable evaluation button causes problematic gaps and misalignments between nodes #149638

@capegreg

Description

@capegreg

The new lazy variable evaluation button line-height or dimensions appear to be too large. The button creates frequent gaps in-between node items and creates unsightly misalignment. This is not a settings font issue because the issue appeared with the change to the lazy evaluation button in version 1.67.1. This new button does not improve JavaScript debugging. The ellipsis button did not do this.

Version: 1.67.1 (user setup)
Commit: da15b6f
Date: 2022-05-06T12:37:03.389Z
Electron: 17.4.1
Chromium: 98.0.4758.141
Node.js: 16.13.0
V8: 9.8.177.13-electron.0
OS: Windows_NT x64 10.0.19044

Does this issue occur when all extensions are disabled?: Yes

Steps to Reproduce:

  1. Output JavaScript object to console window
  2. Examine the gaps between expandable nodes
  3. Click any collapsed variable to evaluate. The item will jump and become misaligned.

Screenshot showing misaligned line heights caused by new lazy variable evaluation button

image

Metadata

Metadata

Assignees

Labels

bugIssue identified by VS Code Team member as probable bugdebugDebug viewlet, configurations, breakpoints, adapter issuesinsiders-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