Merge pull request RooCodeInc#1216 from RooVetGit/jm/fix-overflow

cte · web-flow · commit 0c884f13eabf · 2025-02-26T09:46:56.000-08:00
Fix long strings correctly in ChatRow
diff --git a/.changeset/fluffy-apples-attack.md b/.changeset/fluffy-apples-attack.md
@@ -0,0 +1,5 @@
+---
+"roo-cline": patch
+---
+
+Handle really long text in the ChatRow similar to TaskHeader
diff --git a/webview-ui/src/components/chat/ChatRow.tsx b/webview-ui/src/components/chat/ChatRow.tsx
@@ -617,8 +617,10 @@ export const ChatRowContent = ({
 								color: "var(--vscode-badge-foreground)",
 								borderRadius: "3px",
 								padding: "9px",
-								whiteSpace: "pre-line",
-								wordWrap: "break-word",
+								overflow: "hidden",
+								whiteSpace: "pre-wrap",
+								wordBreak: "break-word",
+								overflowWrap: "anywhere",
 							}}>
 							<div
 								style={{

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"roo-cline": patch
 +---
++
 +Handle really long text in the ChatRow similar to TaskHeader