Change:
Bug Set "debug.inlineValues": true. Set breakpoint somewhere. After paused on the step, goto the end of the line and hit enter. Before After VS Code version: Code 1.20.0 (, 2018-02-07T17:02:34.244Z) OS version: Darwin x64 16.7.0 <details<summarySystem Info</summary </details<details<summaryExtensions (9)</summaryExtensionVersion ------ EditorConfig0.12.0 vscode-eslint1.4.5 vscode-great-icons2.1.24 auto-rename-tag0.0.15 code-beautifier1.7.2 vscode-scss0.6.2 mssql1.3.0 cpptools0.14.6 licenser1.1.1 (1 theme extensions excluded) </detailsReproduces only with extensions
I acknowledge the bug. This is just how decoartions are behaving, unfortunetly the inline decorations do not seem to have an option to not grow beyond the line. maybe you have an idea how to solve this? fyi in case you are interested into looking for a fix
debugger.inlineValues uses the editor's decorator api. A fix we can do is that if the editor is edited , then we re-sync the inlineValue decorators I'm not sure how this works but would love it if the bug was assigned to me so I can see it in my issues list
that's a good idea. can you please add to our project so we can assign some issues to him?

Discussion:
const HOVER_DELAY = 300; const LAUNCH_JSON_REGEX = /launch.json$/; <del> const REMOVE_INLINE_VALUES_DELAY = 100; </del> <ins> const UPDATE_INLINE_VALUE_DECORATIONS_DELAY = 200; const REMOVE_INLINE_VALUE_DECORATIONS_DELAY = 100; </ins> const INLINE_VALUE_DECORATION_KEY = 'inlinevaluedecoration'; const MAX_NUM_INLINE_VALUES = 100; // JS Global scope can have 700+ entries. We want to limit ourselves for perf reasons const MAX_INLINE_DECORATOR_LENGTH = 150; // Max string length of each inline decorator when debugging. If exceeded ... is added

private hoverWidget: DebugHoverWidget; private showHoverScheduler: RunOnceScheduler; private hideHoverScheduler: RunOnceScheduler; <del> private removeInlineValuesScheduler: RunOnceScheduler; </del> <ins> private updateInlineValueDecorationsScheduler: RunOnceScheduler; private removeInlineValueDecorationsScheduler: RunOnceScheduler; </ins> private hoverRange: Range; private breakpointHintDecoration: string[];

this.toDispose = []; this.showHoverScheduler = new RunOnceScheduler(() => this.showHover(this.hoverRange, false), HOVER_DELAY); this.hideHoverScheduler = new RunOnceScheduler(() => this.hoverWidget.hide(), HOVER_DELAY); <del> this.removeInlineValuesScheduler = new RunOnceScheduler(() => this.editor.removeDecorations(INLINE_VALUE_DECORATION_KEY), REMOVE_INLINE_VALUES_DELAY); </del> <ins> this.updateInlineValueDecorationsScheduler = new RunOnceScheduler( () => { this.wordToLineNumbersMap = null; this.updateInlineValueDecorations(this.debugService.getViewModel().focusedStackFrame); }, UPDATE_INLINE_VALUE_DECORATIONS_DELAY ); this.removeInlineValueDecorationsScheduler = new RunOnceScheduler( () => this.editor.removeDecorations(INLINE_VALUE_DECORATION_KEY), REMOVE_INLINE_VALUE_DECORATIONS_DELAY ); </ins> this.registerListeners(); this.breakpointWidgetVisible = CONTEXT_BREAKPOINT_WIDGET_VISIBLE.bindTo(contextKeyService); this.updateConfigurationWidgetVisibility();

})); this.toDispose.push(this.editor.onKeyDown((e: IKeyboardEvent) => this.onKeyDown(e))); this.toDispose.push(this.editor.onDidChangeModelContent(() => { <del> this.wordToLineNumbersMap = null; </del> <ins> this.updateInlineValueDecorationsScheduler.schedule(); </ins> })); this.toDispose.push(this.editor.onDidChangeModel(() => { <del> const sf = this.debugService.getViewModel().focusedStackFrame; </del> <ins> const stackFrame = this.debugService.getViewModel().focusedStackFrame; </ins> const model = this.editor.getModel(); <del> this.editor.updateOptions({ hover: !sf || !model || model.uri.toString() !== sf.source.uri.toString() }); </del> <ins> this.editor.updateOptions({ hover: !stackFrame || !model || model.uri.toString() !== stackFrame.source.uri.toString() }); </ins> this.closeBreakpointWidget(); this.toggleExceptionWidget(); this.hideHoverWidget(); this.updateConfigurationWidgetVisibility(); <del> this.wordToLineNumbersMap = null; this.updateInlineDecorations(sf); </del> <ins> this.updateInlineValueDecorationsScheduler.schedule(); </ins> })); this.toDispose.push(this.editor.onDidScrollChange(() => this.hideHoverWidget)); this.toDispose.push(this.debugService.onDidChangeState((state: State) => {

this.hideHoverWidget(); } <del> this.updateInlineDecorations(sf); </del> <ins> this.updateInlineValueDecorations(sf); </ins> } private hideHoverWidget(): void {

}; // Inline Decorations <del> private updateInlineDecorations(stackFrame: IStackFrame): void { </del> <ins> private updateInlineValueDecorations(stackFrame: IStackFrame): void { </ins> const model = this.editor.getModel(); if (!this.configurationService.getValue<IDebugConfiguration>('debug').inlineValues || !model || !stackFrame || model.uri.toString() !== stackFrame.source.uri.toString()) { <del> if (!this.removeInlineValuesScheduler.isScheduled()) { this.removeInlineValuesScheduler.schedule(); </del> <ins> if (!this.removeInlineValueDecorationsScheduler.isScheduled()) { this.removeInlineValueDecorationsScheduler.schedule(); </ins> } return; } <del> this.removeInlineValuesScheduler.cancel(); </del> <ins> this.removeInlineValueDecorationsScheduler.cancel(); </ins> stackFrame.getMostSpecificScopes(stackFrame.range) // Get all top level children in the scope chain