fix(mobile): enable touch scrolling in file picker modal

[jappyjan]

Summary

• On touch devices, scrolling the file/folder list inside the command palette (used to start a new project) was bubbling up and scrolling the entire page instead of the picker.
• Add overflow-hidden and [touch-action:pan-y] to the CommandPanel container so vertical touch panning is contained.
• Add overflow-y-auto to the ScrollArea viewport so native touch scrolling actually works inside the picker.

Test plan

• Open the command palette and pick "Add project from file manager" / browse a folder on a touch device (or DevTools touch emulation).
• Touch-drag the file list — only the list scrolls, the page behind it does not.
• Scrollbar styling/behavior on desktop with mouse wheel is unchanged.

🤖 Generated with Claude Code

---

---

Note

Medium Risk
Updates shared UI primitives (CommandPanel, ScrollArea) to change overflow/touch behavior; while small, it can affect scrolling/scrollbar behavior across multiple surfaces that use ScrollArea.

Overview
Fixes touch-device scrolling inside the command palette/file picker by preventing scroll gestures from bubbling to the page.

CommandPanel now clips content (overflow-hidden) and opts into vertical touch panning ([touch-action:pan-y]) so swipe scrolling stays within the modal. ScrollArea’s viewport now uses overflow-y-auto to ensure the list itself becomes the scroll container for native touch scrolling.

^{Reviewed by Cursor Bugbot for commit 250e711. Bugbot is set up for automated code reviews on this repo. Configure here.}

Note

Fix touch scrolling in file picker modal

Adds touch-action: pan-y and overflow-hidden to the CommandPanel root div, and overflow-y-auto to the ScrollArea viewport so content scrolls vertically on touch devices. These changes are in command.tsx and scroll-area.tsx.

^{Macroscope summarized 2c3eea4.}

[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.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: e70d1920-ba75-46a9-a7d8-0bf015b670b0

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

---

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 and usage tips.}

[macroscopeapp]

Approvability

A prior Macroscope approval was dismissed. Re-evaluating 9356faa…

Dismissing prior approval to re-evaluate 9356faa