sessions: fix in-progress description overflow in session list - #308581
Merged
Conversation
Add overflow: hidden to .session-details-row so long in-progress status descriptions from cloud sessions are clipped to the row's max-height instead of visually overflowing. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Contributor
There was a problem hiding this comment.
Pull request overview
This PR addresses a UI rendering issue in the Sessions (Agents) window where long “In progress” status descriptions can visually spill outside the session list item details row. The change ensures the details row clips overflowing rendered markdown content to prevent layout artifacts.
Changes:
- Add
overflow: hiddento.session-details-rowto clip content beyond itsmax-height.
Show a summary per file
| File | Description |
|---|---|
| src/vs/sessions/contrib/sessions/browser/media/sessionsList.css | Clips overflow in the session details row to prevent long in-progress descriptions from spilling outside the list item layout. |
Copilot's findings
- Files reviewed: 1/1 changed files
- Comments generated: 0
Osvaldo Ortega (osortega)
marked this pull request as ready for review
April 8, 2026 18:31
Osvaldo Ortega (osortega)
enabled auto-merge (squash)
April 8, 2026 18:48
Justin Chen (justschen)
approved these changes
Apr 8, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Fixes #308283
Problem
Long in-progress status descriptions from cloud sessions overflow the session list item's details row, causing visual artifacts ("screen cheese"). The
.session-details-rowhasmax-height: 15pxbut no overflow clipping, so rendered markdown content spills out.Fix
Add
overflow: hiddento.session-details-rowso content that exceeds the row'smax-heightis clipped. The child.session-descriptionalready hastext-overflow: ellipsisandwhite-space: nowrap, so text truncates cleanly with an ellipsis.