Keep long Select options in line with the rest (4.13.1)

[tmccoy14]

In a Select with a capped width, a long option that isn't selected sits left of the others: up to 14px when its content can't shrink, and 4–5px when plain text wraps. The selected option lines up because its checkmark holds the check column open.

Fix

• Check column: .select-item-indicator gets shrink-0. Its fixed size-3.5 could shrink, and an empty one shrank first.
• Option text: wrapped in a .select-item-text span with min-w-0 wrap-anywhere. Long text wraps inside the row as before, and an unbreakable string such as a hash now breaks onto more lines instead of running 348px past it. Radix strips className and style from ItemText, so the class has to live on a wrapper. The trigger's value is unaffected, because Radix portals only ItemText's children into it.
• One line, if you want it: a consumer can wrap the text in a block truncate span with a title. The wrapper's min-w-0 lets that shrink and truncate inside the row.
• Docs: a new Long options section on the Select page, with a wrapping example and a truncated example, both capped at w-56!.
• Released as 4.13.1, with a changelog entry.

Before / after (Studio project switcher)

Before

After

Testing

• Unit tests (80), lint, Prettier and the full build, docs site included, pass. jsdom can't check layout, so the checks below ran in a browser.
• Docs page: in the wrapping example, every check column is 14px and nothing passes the row's edge. The two long names take 2 lines and the hash 4. In the truncated example, every row is one line with an ellipsis and a full-text title.
• Studio: against this build, the project switcher and breadcrumb-search e2e specs pass (25 passed, 1 skipped), and every row's check column holds 14px.

Follow-up in Studio

Studio's selectors render labels as inline-block max-w-[200px] truncate. A 200px label can't shrink into the 176px a 224px list leaves, so after this bump those long names line up but are cut off at the row edge. Changing the span to block truncate gives one line with "…" and keeps Studio's title tooltip. That change lands with the bump.

🤖 Generated with Claude Code