[steven-tey]

Summary

On a phone in portrait, the submitted-lead comment toolbar is wider than the sheet. The formatting controls and the "Workspace and partner" option fill the row, and the Post button is clipped. Turning the phone sideways makes it wide enough to fit.

The composer now stays within the card, and that toolbar row scrolls horizontally so Post can be reached without rotating the phone. When the row already fits, the controls stay spaced the same way as before.

Test

Checked the same layout in Chrome at a 390px phone width: the toolbar scrolls, and Post is fully visible after scrolling to the end. At a landscape width the row does not scroll and Post stays on the right.

Slack Thread

  

Summary by CodeRabbit

• Improvements
  • Improved the message composer on narrow screens: the toolbar can scroll horizontally, and the Post button remains reachable.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated
dub	Ready	Preview	Oct 24, 2026 12:52am UTC

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

• Source mode: Auto
• Repository: Unavailable
• Branch: Unavailable
• File: No configuration file from this repository applied
• Commit: Unavailable
• Layers: defaults
• Review profile: CHILL
• Plan: Advanced
• Run ID: 80dacd0e-9835-464a-baf5-510870ed5ae5

📥 Commits

Reviewing files that changed from the base of the PR and between 0e04382 and a3b95d1.

📒 Files selected for processing: 1

• apps/web/ui/shared/message-input.tsx

Included review availability: This review used your included allowance. Your plan provides up to 10 included reviews per hour; 8 remain after this review.

📝 Walkthrough

The message input now allows horizontal scrolling for its toolbar. Shrink constraints keep the toolbar and action controls from shrinking, and the container uses min-w-0.

Changes: Message input layout

Layer / File(s)	Summary
Scrollable toolbar and actions apps/web/ui/shared/message-input.tsx	The container adds min-w-0. A horizontally scrollable wrapper contains the toolbar and action controls. The toolbar uses w-max min-w-full, and the toolbar, action group, Cancel button, and Post button use shrink-0. The disabled styling remains conditional.

Priority: ➖ Normal

Estimated code review effort: 2 (Simple) | ~10 minutes

Change: Bug fix

Suggested reviewers: joker666, pepeladeira

Merge Risk: ⚪ Minimal · up to a3b95

The mobile toolbar behavior is implemented without an identified merge-blocking risk.

Pre-merge checks: 4 · 1

Failed checks: 1 warning

Check name	Status	Explanation	Resolution
Docstring Coverage		Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Docstring coverage is scoped to functions touched by this diff. Analyzed 2 functions across 1 files.	Write docstrings for the functions missing them to satisfy the coverage threshold.

Passed checks: 4 passed

Check name	Status	Explanation
Description Check		Check skipped - CodeRabbit’s high-level summary is enabled.
Title check		The title clearly and concisely describes the main change: enabling horizontal scrolling for the comment toolbar on mobile.
Linked Issues check		Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check		Check skipped because no linked issues were found for this pull request.

✨ Finishing Touches: 💡 1

📝 Generate docstrings: 💡

• Commit to this branch
• Create a new PR

🧪 Generate unit tests (beta)

• Commit to this branch
• Create a new PR

• Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

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