Skip to content

feat(mosaic): add multiple selection to Combobox - #10769

Draft
alexcarpenter wants to merge 4 commits into
mainfrom
carp/mosiac-combobox-multiple
Draft

alexcarpenter wants to merge 4 commits into
mainfrom
carp/mosiac-combobox-multiple

Conversation

@alexcarpenter

@alexcarpenter alexcarpenter commented Nov 11, 2026 •

Copy link
Copy Markdown
Member

Description

Adds multiple to Combobox, following Select (#10240). value becomes an array in pick order. Picking an option toggles it, clears the search and keeps the popup open.

  • New parts: Combobox.Chips (the field that holds the chips and the input), Combobox.Chip, Combobox.ChipRemove (headless) and Combobox.Value. Like Select.Value, Combobox.Value takes a function of the selected values, so chips are optional. A plain input can show a count instead.
  • Keyboard follows Base UI. Backspace in an empty input removes the last chip, and ← at the start of the input moves to the chips. On a chip, ←/→ move between chips, Backspace and Delete remove the chip and focus a neighbour, and ↑/↓ or typing return to the input.
  • The chips container counts as part of the combobox, so clicking it doesn't close the popup and Floating UI doesn't set aria-hidden on it while the popup is open.
  • TagInput's tag styles moved unchanged into styles/chip.styles.ts, so TagInput and Combobox share them. Combobox overrides the min height so the field matches the md input.

Multiple stories in Swingset

Checklist

  • pnpm test runs as expected.
  • pnpm build runs as expected.
  • (If applicable) JSDoc comments have been added or updated for any package exports
  • (If applicable) Documentation has been updated

Type of change

  • 🐛 Bug fix
  • 🌟 New feature
  • 🔨 Breaking change
  • 📖 Refactoring / dependency upgrade / documentation
  • other:

@vercel

vercel Bot commented Nov 11, 2026 •

Copy link
Copy Markdown

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

Project Deployment Actions Updated
clerk-js-sandbox Ready Ready Preview Nov 12, 2026 2:18pm UTC
swingset Ready Ready Preview Nov 12, 2026 2:18pm UTC

Request Review

@changeset-bot

changeset-bot Bot commented Nov 11, 2026 •

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: b418f78

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 0 packages

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@coderabbitai

coderabbitai Bot commented Nov 11, 2026 •

Copy link
Copy Markdown
Contributor

Important

Draft PR not reviewed

Draft PRs are not automatically reviewed by default.

  • Trigger a manual review

To automatically review draft PRs, update your CodeRabbit configuration:

reviews:
  auto_review:
    drafts: true
Pre-merge checks: Inconclusive 2

Failed Failed checks: 2 inconclusive

Check name Status Explanation Resolution
Title check Pending This assessment has not completed. The check will be retried on the next pre-merge check run.
Description check Pending This assessment has not completed. The check will be retried on the next pre-merge check run.
  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

@pkg-pr-new

pkg-pr-new Bot commented Nov 11, 2026 •

Copy link
Copy Markdown

Open in StackBlitz

@clerk/astro

npm i https://pkg.pr.new/@clerk/astro@10769

@clerk/backend

npm i https://pkg.pr.new/@clerk/backend@10769

@clerk/chrome-extension

npm i https://pkg.pr.new/@clerk/chrome-extension@10769

@clerk/clerk-js

npm i https://pkg.pr.new/@clerk/clerk-js@10769

@clerk/electron

npm i https://pkg.pr.new/@clerk/electron@10769

@clerk/electron-passkeys

npm i https://pkg.pr.new/@clerk/electron-passkeys@10769

@clerk/eslint-plugin

npm i https://pkg.pr.new/@clerk/eslint-plugin@10769

@clerk/expo

npm i https://pkg.pr.new/@clerk/expo@10769

@clerk/expo-biometrics

npm i https://pkg.pr.new/@clerk/expo-biometrics@10769

@clerk/expo-google-signin

npm i https://pkg.pr.new/@clerk/expo-google-signin@10769

@clerk/expo-native-components

npm i https://pkg.pr.new/@clerk/expo-native-components@10769

@clerk/expo-passkeys

npm i https://pkg.pr.new/@clerk/expo-passkeys@10769

@clerk/express

npm i https://pkg.pr.new/@clerk/express@10769

@clerk/fastify

npm i https://pkg.pr.new/@clerk/fastify@10769

@clerk/hono

npm i https://pkg.pr.new/@clerk/hono@10769

@clerk/localizations

npm i https://pkg.pr.new/@clerk/localizations@10769

@clerk/mosaic

npm i https://pkg.pr.new/@clerk/mosaic@10769

@clerk/nextjs

npm i https://pkg.pr.new/@clerk/nextjs@10769

@clerk/nuxt

npm i https://pkg.pr.new/@clerk/nuxt@10769

@clerk/react

npm i https://pkg.pr.new/@clerk/react@10769

@clerk/react-router

npm i https://pkg.pr.new/@clerk/react-router@10769

@clerk/shared

npm i https://pkg.pr.new/@clerk/shared@10769

@clerk/tanstack-react-start

npm i https://pkg.pr.new/@clerk/tanstack-react-start@10769

@clerk/testing

npm i https://pkg.pr.new/@clerk/testing@10769

@clerk/ui

npm i https://pkg.pr.new/@clerk/ui@10769

@clerk/upgrade

npm i https://pkg.pr.new/@clerk/upgrade@10769

@clerk/vue

npm i https://pkg.pr.new/@clerk/vue@10769

commit: b418f78

This branch was successfully deployed

2 active deployments
Preview – swingset — b418f78e Deployed Nov 12, 2026 by vercel[bot]
Preview – clerk-js-sandbox — b418f78e Deployed Nov 12, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant