Skip to content

Combobox: add showChips option to render multiple selections as chips - #43117

Open
chsrajavarma8 wants to merge 1 commit into
twbs:mainfrom
chsrajavarma8:feat/combobox-chips
Open

chsrajavarma8 wants to merge 1 commit into
twbs:mainfrom
chsrajavarma8:feat/combobox-chips

Conversation

@chsrajavarma8

Copy link
Copy Markdown

With multiple and showChips enabled, each selected item is shown as a chip in the toggle instead of "X selected". Clicking a chip's dismiss icon deselects that item without toggling the menu, and Backspace or Delete on the focused toggle deselects the last one.

The option is named showChips because data-bs-chips already initializes the Chips component.

Closes #43035

Description

Motivation & Context

Type of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Refactoring (non-breaking change)
  • Breaking change (fix or feature that would change existing functionality)

Checklist

  • I have read the contributing guidelines
  • My code follows the code style of the project (using npm run lint)
  • My change introduces changes to the documentation
  • I have updated the documentation accordingly
  • I have added tests to cover my changes
  • All new and existing tests passed

Live previews

Related issues

With multiple and showChips enabled, each selected item is shown as a
chip in the toggle instead of "X selected". Clicking a chip's dismiss
icon deselects that item without toggling the menu, and Backspace or
Delete on the focused toggle deselects the last one.

The option is named showChips because data-bs-chips already initializes
the Chips component.

Closes twbs#43035
@chsrajavarma8
chsrajavarma8 requested review from a team as code owners October 18, 2026 09:13
@julien-deramond julien-deramond added v6 v6, the main branch accessibility Keyboard, screen readers, contrast, ARIA css Sass sources or compiled CSS docs Documentation site and its content feature New feature, or a change to how an existing one works html Component markup: elements, attributes, structure js JavaScript or TypeScript sources and plugins labels Oct 18, 2026

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

accessibility Keyboard, screen readers, contrast, ARIA css Sass sources or compiled CSS docs Documentation site and its content feature New feature, or a change to how an existing one works html Component markup: elements, attributes, structure js JavaScript or TypeScript sources and plugins v6 v6, the main branch

Projects

None yet

Development

Successfully merging this pull request may close these issues.

v6: Combobox support chips with multiple select

2 participants