Skip to content

fix: truncate long chat titles in sidebar with ellipsis#1067

Closed
ct3685 wants to merge 1 commit into
stagingfrom
ct/fix-chat-title-overflow
Closed

fix: truncate long chat titles in sidebar with ellipsis#1067
ct3685 wants to merge 1 commit into
stagingfrom
ct/fix-chat-title-overflow

Conversation

@ct3685
Copy link
Copy Markdown

@ct3685 ct3685 commented May 6, 2026

Summary

  • Long chat titles (e.g. CSV header rows used as chat names) were overflowing the sidebar list item container and breaking the layout
  • Added overflow: hidden, textOverflow: 'ellipsis', and whiteSpace: 'nowrap' to the ListItemText secondary typography in ChatDrawer.tsx
  • Merged with the existing conditional color: white style for the selected chat item

Change

Single file: packages-answers/ui/src/ChatDrawer.tsx

Test plan

  • Open app with a chat whose title is a long CSV header string or any long text
  • Confirm the sidebar title is truncated with and does not overflow its container
  • Confirm selected chat still shows white text

@vercel
Copy link
Copy Markdown

vercel Bot commented May 6, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
answerai-docs Building Building Preview May 6, 2026 2:18am
the-answerai Building Building Preview May 6, 2026 2:18am

Request Review

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