Microsoft/vscode

Chat panel blends into release notes when the window is narrow

Open

#282039 opened on Dec 8, 2025

View on GitHub
 (2 comments) (0 reactions) (1 assignee)TypeScript (74,848 stars) (10,221 forks)batch import
bughelp wantedwebview

Description

On Windows 11

  1. Have the sidebar open on the left, the terminal open on the bottom, and the release notes open.
  2. Shrink the width of the editor so that it is narrow.
  3. Reveal the Copilot chat panel.
  4. :bug: The chat panel blends into the release notes.

The issue also occurs on the latest Insiders.

Contributor guide

Tech stack
typescriptcss
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
blocked
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
CSS layout
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
45
Research direction
Investigate the CSS layout of the chat panel and release notes when the window is narrow. Look for overlapping elements, possibly in the main editor layout code. Check if any z index or positioning adjustments can fix the blending. Consider responsive design issues in the VS Code CSS files.