Skip to content

fix(web): code blocks scroll inside the transcript column (CL-8509) - #924

Merged
TheGreatAxios merged 1 commit into
mainfrom
cl-8509-code-block-overflow
Sep 18, 2026
Merged

TheGreatAxios merged 1 commit into
mainfrom
cl-8509-code-block-overflow

Conversation

@TheGreatAxios

Copy link
Copy Markdown
Contributor

Summary

  • A long fenced code block in a chat or workbench transcript message (e.g. a printed package.json) could push the message column wider than the pane, with no horizontal scroll.

Changes

  • .chat-md-code-block (the <pre> wrapper the markdown renderer emits for fenced code) now caps at max-width: 100% alongside its existing overflow-x: auto, so a long line scrolls inside the block instead of widening the ancestor flex chain.
  • .chat-md-inline-code gains overflow-wrap: anywhere so an unbroken inline-code token (path, hash, URL) wraps within the message column instead of forcing it wider.
  • Both the chat thread (apps/web/src/pages/chat-thread-page.tsx) and workbench room (apps/web/src/pages/workbench-room-page.tsx) transcripts share the same Markdown renderer and chat-md-* styles, so one CSS fix covers both.

Testing

  • bun run check (typecheck, lint, fmt, test) passes.

@linear-code

linear-code Bot commented Sep 18, 2026

Copy link
Copy Markdown

CL-8509

@TheGreatAxios
TheGreatAxios merged commit a62ed2e into main Sep 18, 2026
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant