angular / angular/components

feat(MatChipList): add better out-of-the-box support for FormControls

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

Description

#### Reproduction

Use StackBlitz to reproduce your issue: https://stackblitz.com/edit/chips-autocomplete-required-failure?file=app/chips-autocomplete-example.ts

Steps to reproduce:
1. Fork the mat-chips autocomplete example from the Angular documentation
2. Move the form control to the mat-chip-list and add required attribute
3. Try using the auto complete 💥

NOTE: Followed suggestion in the following issue to add the required field, but that example doesn't include autocomplete. With this the autocomplete breaks. https://github.com/angular/components/issues/14195

#### Expected Behavior

The autocomplete should filter results based on text entered.

#### Actual Behavior

The autocomplete does not filter the results based on the text input from the user.

#### Environment

- Angular: 8.2.14
- CDK/Material: 8.2.3
- Browser(s): Chrome 81.0.4044.138
- Operating System (macOS): Mojave 10.14.6

Contributor guide

Open the contributing guide

Research direction

Start with the StackBlitz reproduction in app/chips-autocomplete-example.ts and compare it with the Angular Material chips autocomplete example and issue 14195. Reproduce the failure with the FormControl moved to mat-chip-list and required added, then trace the MatChipList/autocomplete interaction. Done means autocomplete filters results from user text while the required control remains supported.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.