Fix chat composer overflow by allowing form to shrink

[juliusmarminge]

Summary

• Replace min-w-fit with min-w-0 on the chat composer form in ChatView.
• Allows the composer to shrink correctly in constrained layouts instead of forcing horizontal overflow.

Testing

• Not run (content generated from provided diff/commit metadata).

---

Note

Low Risk
Low risk CSS-only change that adjusts the chat composer form’s minimum width to avoid overflow in constrained layouts.

Overview
Prevents horizontal overflow in ChatView’s chat composer by changing the form’s Tailwind min-width from min-w-fit to min-w-0, allowing it to shrink properly in narrow/constrained layouts.

^{Written by Cursor Bugbot for commit 31b515c. This will update automatically on new commits. Configure here.}

Note

Fix chat composer overflow by set the ChatView form min-width to 0 in ChatView.tsx

Update the input bar form class from min-w-fit to min-w-0 in ChatView to allow shrinking within its container.

📍Where to Start

Start with the form element inside ChatView in ChatView.tsx.

^{Macroscope summarized 31b515c.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch t3code/cap-composer-max-size

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}