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. --- VS Code Version: 1.59-Insider OS Version: Windows 10 Steps to Reproduce: a notebook a cell cells are rotated 270 degrees. Seems to be because we use the 'collapsed' classname for cell collapse, and loads a stylesheet which applies to the classname. This stylesheet is not loaded in desktop VS Code so the problem seems to only impact Codespaces This is particularly unfortunate for the interactive window because all code cell inputs are collapsed by default, but it also impacts any collapsed cell in native notebooks all up. !
I filed this a long time ago, but this is pretty bad, I will just change the styles to work around it in the meantime
fix proposal from

Discussion:
}); } <del> private updateInputCollaseElement(): void { </del> <ins> private updateInputCollapseElement(): void { </ins> this.removeInputCollapsePreview(); const richEditorText = this.getRichText(this.viewCell.textBuffer, this.viewCell.language); const element = DOM.$('div');

DOM.hide(this.templateData.runButtonContainer); DOM.show(this.templateData.collapsedPart); DOM.show(this.templateData.outputContainer); <del> this.templateData.container.classList.toggle('collapsed', true); </del> this._outputContainerRenderer.viewUpdateShowOutputs(); <del> this.updateInputCollaseElement(); </del> <ins> this.updateInputCollapseElement(); </ins> this.relayoutCell(); }

DOM.hide(this.templateData.outputContainer); this.removeInputCollapsePreview(); this._outputContainerRenderer.viewUpdateHideOuputs(); <del> this.templateData.container.classList.toggle('collapsed', false); </del> this.templateData.container.classList.toggle('output-collapsed', true); this.relayoutCell();

DOM.hide(this.templateData.runButtonContainer); DOM.show(this.templateData.collapsedPart); DOM.hide(this.templateData.outputContainer); <del> this.templateData.container.classList.toggle('collapsed', true); </del> this.templateData.container.classList.toggle('output-collapsed', true); this._outputContainerRenderer.viewUpdateHideOuputs(); <del> this.updateInputCollaseElement(); </del> <ins> this.updateInputCollapseElement(); </ins> this.relayoutCell(); }

DOM.hide(this.templateData.collapsedPart); this.removeInputCollapsePreview(); DOM.show(this.templateData.outputContainer); <del> this.templateData.container.classList.toggle('collapsed', false); </del> this.templateData.container.classList.toggle('output-collapsed', false); this._outputContainerRenderer.viewUpdateShowOutputs(); this.relayoutCell();

DOM.hide(this.editorPart); this.markdownAccessibilityContainer.ariaHidden = 'true'; <del> this.templateData.container.classList.toggle('collapsed', true); </del> this.viewCell.renderedMarkdownHeight = 0; this.viewCell.layoutChange({}); }

this.notebookEditor.hideMarkupPreviews([this.viewCell]); <del> this.templateData.container.classList.toggle('collapsed', false); </del> this.templateData.container.classList.toggle('markdown-cell-edit-mode', true); if (this.editor && this.editor.hasModel()) {

DOM.hide(this.editorPart); DOM.hide(this.templateData.collapsedPart); this.markdownAccessibilityContainer.ariaHidden = 'false'; <del> this.templateData.container.classList.toggle('collapsed', false); </del> this.templateData.container.classList.toggle('markdown-cell-edit-mode', false); this.renderedEditors.delete(this.viewCell);