Text overflows prompt background

[Bayernatoor]

Minor UI issue. When prompting and adding some copy pasted text, the text itself (as seen in the screenshots), overflows past the background colour.

Browser: Brave - Version 1.78.102 Chromium: 136.0.7103.113 (Official Build) (64-bit)
Desktop: Linux (Debian 12 - Bookworm)

[AnthonyRonning]

Thank you for the issue! We've recently fixed this for tables. Wondering if the same fix can be applied there too.

@claude can you look into it?

[claude]

Claude finished @AnthonyRonning's task —— View job • claude/issue-120-20250613_133455 • Create PR ➔

---

Investigating Text Overflow Issue ✅

I've successfully investigated and fixed the text overflow issue in the prompt area by applying the same solution pattern used for the recent table overflow fix.

Todo List:

• Read screenshots to understand the visual issue
• Find prompt UI components and styling
• Locate recent table fix for overflow
• Apply similar fix to prompt area
• Test and validate changes
• Run linting and build commands

Analysis: The screenshots showed text content overflowing outside the prompt container's background. This was a CSS overflow issue where long text content wasn't properly constrained within its container boundaries.

Solution Applied:

• ✅ Added overflow-x-auto max-w-full min-w-0 to main textarea
• ✅ Added overflow-x-auto max-w-full min-w-0 to system prompt textarea
• ✅ Added min-w-0 to main flex container to ensure overflow works in flex layouts

Changes Made: Modified /home/runner/work/Maple/Maple/frontend/src/components/ChatBox.tsx to apply the same overflow handling pattern used for tables. This enables horizontal scrolling when content overflows while keeping it constrained within the container boundaries.

Testing: All linting, formatting, and build commands passed successfully with no errors.

---