Uh oh!
There was an error while loading. Please reload this page.
Fix mobile composer touch behavior - #2090
Conversation
Important Review skippedAuto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the ⚙️ Run configurationConfiguration used: Repository UI Review profile: CHILL Plan: Pro Run ID: You can disable this status message by setting the Use the checkbox below for a quick retry:
✨ Finishing Touches🧪 Generate unit tests (beta)
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. Comment |
953163e to
3f25fcaCompare- Use coarse-pointer detection to switch Enter handling - Increase composer text size on mobile - Surface sidebar actions on touch devices
Port the mobile composer collapse feature from PR pingdotgg#1263 into the extracted ChatComposer component. On small viewports (<640px), the composer collapses to a compact single-row bar showing truncated prompt text and a send button when unfocused. Tapping expands the full composer with editor focus; blurring collapses it back. Also adds onPointerDown handlers on submit buttons to prevent iOS from stealing focus before the click registers. Co-authored-by: Hiram Chirino <hiram@hiramchirino.com>
3f25fca to
1ba7e35CompareCo-authored-by: codex <codex@users.noreply.github.com>
Co-authored-by: codex <codex@users.noreply.github.com>
Co-authored-by: codex <codex@users.noreply.github.com>
Co-authored-by: codex <codex@users.noreply.github.com>
Co-authored-by: codex <codex@users.noreply.github.com>
What Changed
Mobile touch UX improvements to the chat composer and sidebar:
Enterinserts a newline;Cmd/Ctrl+Entersends. Desktop behavior (Enter sends, Shift+Enter newlines) is unchanged.text-baseon small screens to avoid iOS auto-zoom on focus, stepping down totext-[14px]atsmand above.preventDefaultonpointerDownto prevent stealing focus from the editor on touch devices.Why
On mobile/touch devices, the composer was hard to use: Enter would send instead of adding newlines (no physical Shift key), text was too small (triggering iOS auto-zoom), sidebar actions were hidden behind hover states that don't exist on touch, and the full composer took up too much vertical space on small screens.
UI Changes
Composer collapsed (mobile default):
Composer expanded (after tap):
Sidebar: