Fix markdown rendering for linebreaks

2025-12-20 12:21:13 -05:00 · 2024-07-27 18:37:29 -04:00
parent 4a15464429
commit d6c5a237df
3 changed files with 16 additions and 4 deletions
--- a/webview-ui/src/components/ChatRow.tsx
+++ b/webview-ui/src/components/ChatRow.tsx
@@ -105,7 +105,19 @@ const ChatRow: React.FC<ChatRowProps> = ({
 				components={{
 					p(props) {
 						const { style, ...rest } = props
-						return <p style={{ ...style, margin: 0, marginTop: 0, marginBottom: 0 }} {...rest} />
+						return (
+							<p
+								style={{
+									...style,
+									margin: 0,
+									marginTop: 0,
+									marginBottom: 0,
+									whiteSpace: "pre-wrap",
+									wordBreak: "break-word",
+								}}
+								{...rest}
+							/>
+						)
 					},
 					ol(props) {
 						const { style, ...rest } = props