Change:
<!-- Do Not Delete This! bugreporttemplate --<!-- Please read our Rules of Conduct: --<!-- Read our guide about submitting issues: --<!-- Search existing issues to avoid creating duplicates. --<!-- Test using the latest Insiders build to see if your issue has already been fixed: --<!-- Instead of creating your report here, use 'Report Issue' from the 'Help' menu in VS Code to pre-fill useful information. --<!-- Launch with to check. --Does this issue occur when all extensions are disabled?: Yes/No <!-- If you answered No above, use 'Help: Start Extension Bisect' from Command Palette to try to identify the cause. --<!-- Issues caused by an extension need to be reported directly to the extension publisher. The 'Help Report Issue' dialog can assist with this. --Version: 1.92.0 (Universal) Commit: Date: 2024-07-31T23:26:45.634Z Electron: 30.1.2 ElectronBuildId: Chromium: 124.0.6367.243 20.14.0 V8: 12.4.254.20-electron.0 OS: Darwin arm64 23.5.0 Steps to Reproduce: this snippet in the test-provider-sample project running the test, both the editor peek view and test result view do not render correctly. !
Sorry, this got lost in the shuffle of the call stack UI :(
Verification steps: out the of vscode-extension-samples into and F5 the "easy math" test in Open the error messages for all the tests that fail and verify they're all visible

Discussion:
.test-output-peek-message-container .preview-text { padding: 8px 12px 8px 20px; <del> height: calc(100% - 16px); </del> <ins> line-height: normal; white-space: normal; </ins> } .test-output-peek-message-container .preview-text p:first-child {

} editor.layout(dimensions); <del> const height = Math.min(1000, Math.max(editor.getOriginalEditor().getContentHeight(), editor.getModifiedEditor().getContentHeight())); </del> <ins> const height = Math.min(10000, Math.max(editor.getOriginalEditor().getContentHeight(), editor.getModifiedEditor().getContentHeight())); </ins> editor.layout({ height, width: dimensions.width }); return height; }

const rendered = this._register(this.markdown.value.render(message.message, {})); <del> rendered.element.style.height = '100%'; </del> rendered.element.style.userSelect = 'text'; rendered.element.classList.add('preview-text'); this.container.appendChild(rendered.element);

return undefined; } <del> this.element.style.width = `${dimension.width}px`; </del> <ins> this.element.style.width = `${dimension.width - 32}px`; </ins> return this.element.clientHeight; }

} public override render(container: HTMLElement): IDisposable { <ins> this.message.style.visibility = 'visible'; </ins> container.appendChild(this.message); return toDisposable(() => this.message.remove()); }

} private async prepareTopFrame(subject: InspectSubject, callFrames: ITestMessageStackFrame[]) { <ins> // ensure the messageContainer is in the DOM so renderers can calculate the // dimensions before it's rendered in the list. this.messageContainer.style.visibility = 'hidden'; this.stackContainer.appendChild(this.messageContainer); </ins> const topFrame = this.currentTopFrame = this.instantiationService.createInstance(MessageStackFrame, this.messageContainer, this.followupWidget, subject); topFrame.showHeader.set(callFrames.length > 0, undefined); const provider = await findAsync(this.contentProviders, p => p.update(subject));