Skip to content

Commit e6070ac

Browse files
JubStevenclaude
andcommitted
fix: prevent thinking section content from overflowing container
Added overflow-hidden and word-break styles to ensure long URLs and text wrap properly within the thinking section bounds. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
1 parent f416de4 commit e6070ac

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

web_app/frontend/src/App.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -625,8 +625,8 @@ function ThinkingSection({ content, defaultExpanded = false }: { content: string
625625
<Brain className="w-4 h-4" />
626626
<span>Thinking</span>
627627
</button>
628-
<div className="px-3 py-2 border-t border-gray-200 bg-white">
629-
<pre className={`text-sm text-gray-700 whitespace-pre-wrap break-words leading-relaxed ${!isExpanded ? 'line-clamp-2' : ''}`}>
628+
<div className="px-3 py-2 border-t border-gray-200 bg-white overflow-hidden">
629+
<pre className={`text-sm text-gray-700 whitespace-pre-wrap leading-relaxed overflow-hidden ${!isExpanded ? 'line-clamp-2' : ''}`} style={{ wordBreak: 'break-word', overflowWrap: 'anywhere' }}>
630630
{isExpanded ? content : preview}
631631
</pre>
632632
{!isExpanded && hasMore && (

0 commit comments

Comments
 (0)