Long responses are fully scrollable without overflow clipping
Why it matters
Fixed-height message bubbles silently amputate long AI responses, hiding answers that the user paid tokens to generate. Users have no indication that content is missing, which creates a trust problem: they believe the AI gave a short or incomplete answer when in fact the UI is simply clipping it. This is especially damaging for technical content like long code blocks, step-by-step instructions, or multi-paragraph analysis where the hidden portion often contains the conclusion or the critical step.
Severity rationale
High because clipped content creates silent data loss from the user's perspective and undermines trust in every response.
Remediation
Remove fixed height constraints from individual message bubble components in src/components/chat/MessageBubble.tsx. Let each bubble expand naturally with its content and place the scroll container at the message list level, not on individual messages.
.message-list { overflow-y: auto; height: 100%; }
.message-bubble { padding: 1rem; border-radius: 0.5rem; }
DetectionPro
The detection method for this pattern is part of AuditBuffet Pro.
The full method (what to look for, pass and fail conditions, and how results get reported) ships inside the AI Chat Visibility Audit. The pattern definition, severity rationale, and remediation remain openly licensed under CC-BY-4.0.
Taxons
History
- 2026-04-18·v1.0.0·Initial import from ai-chat-visibility·automated