[PR #6201] fix: prevent user message box horizontal overflow on mobile viewports #11778

Open
opened 2026-02-16 18:16:43 -05:00 by yindo · 0 comments
Owner

Original Pull Request: https://github.com/anomalyco/opencode/pull/6201

State: open
Merged: No


Summary

  • Fix user message content overflowing horizontally on mobile viewports in the share page
  • Add proper width constraints (min-width: 0, max-width: 100%) to allow flex children to shrink
  • Add word-break properties to handle long unbroken text

Before:
Screenshot 2025-12-26 at 10 45 27 AM

After:
Screenshot 2025-12-26 at 10 48 48 AM

Closes #6200

**Original Pull Request:** https://github.com/anomalyco/opencode/pull/6201 **State:** open **Merged:** No --- ## Summary - Fix user message content overflowing horizontally on mobile viewports in the share page - Add proper width constraints (`min-width: 0`, `max-width: 100%`) to allow flex children to shrink - Add word-break properties to handle long unbroken text Before: <img width="1624" height="1056" alt="Screenshot 2025-12-26 at 10 45 27 AM" src="https://github.com/user-attachments/assets/bdee4f3e-3584-41df-b2e6-fc735f24b892" /> After: <img width="1624" height="1056" alt="Screenshot 2025-12-26 at 10 48 48 AM" src="https://github.com/user-attachments/assets/662a49c2-7ead-456e-b680-6864a35850ea" /> Closes #6200
yindo added the pull-request label 2026-02-16 18:16:43 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: anomalyco/opencode#11778