fix(web): keep project switcher rows inside the dropdown

[anjulahettige]

What Changed

Added min-w-0 to the popup element inside ComboboxPopup (one class in apps/web/src/components/ui/combobox.tsx) so a width-constrained combobox popup clips and truncates its content instead of letting rows spill past the panel edge.

Why

Fixes #8612.

The sidebar project switcher pins its popup to the trigger width with w-(--anchor-width). That class lands on the dropdown-glass panel span in ComboboxPopup, but the Base UI popup inside is a flex child without min-w-0, so its automatic minimum size is the min-content width of its widest row, and the truncate on row labels cannot reduce that. With a project name wider than the sidebar trigger, the rows, each row's settings gear, and the search field's underline all render past the panel's right edge, floating over the thread list behind the dropdown. Nothing on that path clips horizontally.

With min-w-0 the popup shrinks to the panel width, labels truncate, and the gears sit inside the panel. Popups without an explicit width class are unaffected: the panel still sizes to content between min-w-(--anchor-width) and max-w-(--available-width).

The regression shipped with #5931 (first stable release v0.0.36); before that the project filter was a MenuPopup, which puts the width class directly on the panel and wraps children in a w-full scroller.

Verified with vp fmt --check, vp lint, and tsgo --noEmit scoped to the change, plus the before/after below from a dev instance.

UI Changes

Project switcher open, one project name wider than the trigger.

Before:

After:

Checklist

• This PR is small and focused
• I explained what changed and why
• I included before/after screenshots for any UI changes
• I included a video for animation/interaction changes (static layout fix, no motion)

Diagnosed and written by Claude Code running Claude Fable 5, via t3 triage.

---

Note

Low Risk
Single Tailwind class on shared combobox popup styling; no logic or data-path changes, with broad but positive layout behavior in constrained-width popups.

Overview
Fixes horizontal overflow in width-pinned combobox popups (notably the sidebar project switcher with w-(--anchor-width) on ComboboxPopup).

Adds min-w-0 to the inner ComboboxPrimitive.Popup in combobox.tsx so the flex child can shrink below its min-content width. Long project names and row actions now stay inside the panel and truncate on labels works instead of drawing over the thread list.

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

Note

Fix project switcher overflow by adding min-w-0 to ComboboxPopup

Adds the Tailwind class min-w-0 to the popup element in combobox.tsx. This lets the popup shrink below its intrinsic minimum width inside flex containers, keeping project switcher rows contained within the dropdown.

^{Macroscope summarized fea9aef.}

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

Run ID: f0f2ebe6-eff5-4caf-a7d3-017bdfaf952f

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

---

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

[macroscopeapp]

Approvability

Verdict: Approved at 5e253d5

Macroscope's review found this PR approvable — This is a narrowly scoped UI layout fix that adds one sizing utility to the shared combobox popup, keeping width-constrained project-switcher content inside its dropdown without changing data or user flows. It does not modify product defaults or introduce broader runtime capabilities.

^{You can add or adjust custom eligibility rules. Learn more.}