angular / angular/components

Mat-chip-list multiple selection doesn't work

Open
#9,097 11 comments 2 reactions 0 assignees View on GitHub
area: material/chips feature P4
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

#### Bug, feature request, or proposal:
Multiple selection of chips doesn't work
Also access to chips.selected is always empty array.

#### What is the expected behavior?
Should be possible to select multiple chips when multiple and selectable are set to true.
Selected array should return array of selected mat-chips.

#### What is the current behavior?
Can select max on chips.
Selected property returns empty array.

#### What are the steps to reproduce?
https://stackblitz.com/edit/angular-5hhmet?file=app/chips-overview-example.ts
check console.log and try to select multiple chips.

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Material 5.0.2 and Angular 5.0.5

Contributor guide

Open the contributing guide

Research direction

Start with the linked StackBlitz reproduction, particularly app/chips-overview-example.ts, and verify the console output while selecting chips. Trace the mat-chip-list behavior when multiple and selectable are enabled. Done means multiple chips can be selected and chips.selected returns the selected mat-chips array.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.