feat(MatChipList): add better out-of-the-box support for FormControls
- 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
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