Skip to content

fix(ui): prevent horizontal scrollbar from long tool call rows #425

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
matt2e merged 1 commit into from
Mar 20, 2026
Merged

fix(ui): prevent horizontal scrollbar from long tool call rows #425

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 3 additions & 1 deletion apps/staged/src/lib/features/sessions/SessionModal.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1309,6 +1309,7 @@

.modal-content {
flex: 1;
overflow-x: hidden;
Copy link

@chatgpt-codex-connector chatgpt-codex-connector bot Mar 20, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Badge Keep horizontal access for wide markdown content

overflow-x: hidden on .modal-content makes some supported assistant markdown impossible to inspect. This component enables GFM (marked.setOptions({ breaks: true, gfm: true }) at lines 74-75), but within .markdown-content only pre blocks get their own horizontal scroller (SessionModal.svelte:2047-2052). Wide GFM tables and similar blocks currently depend on the modal’s outer x-scroll, so after this change their rightmost columns are clipped with no way to reach them.

Useful? React with 👍 / 👎.

overflow-y: auto;
padding: 16px;
min-height: 0;
Expand Down Expand Up @@ -1563,7 +1564,7 @@
}

.tool-card {
overflow: visible;
overflow: hidden;
Copy link

@chatgpt-codex-connector chatgpt-codex-connector bot Mar 20, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Badge Restore visible tool-call chevrons

Changing .tool-card to overflow: hidden clips the disclosure chevron on every expandable tool row. .tool-caret is intentionally pulled 8px to the left with margin-left: -8px (SessionModal.svelte:1596-1600), so once the card becomes a clipping container the caret is rendered outside the card and disappears. That removes the main visual cue that a tool call can be expanded/collapsed.

Useful? React with 👍 / 👎.

min-width: 0;
}

Expand All @@ -1581,6 +1582,7 @@
font-size: var(--size-xs);
transition: background-color 0.1s;
cursor: default;
min-width: 0;
}

.tool-header-expandable {
Expand Down