angular / angular/components

mat-select - need Check All & Uncheck All options (Select All & Deselect All) for multiple selection

Open
#9,149 35 comments 127 reactions 0 assignees View on GitHub
area: material/select feature P5
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

#### Bug, feature request, or proposal:
Request: Need options for **Check All** and **Uncheck All** for multiple selection.

#### What is the expected behavior?
We can have 2 options at the top of the options panel to Check all or Uncheck all options in a single click.
Something like this https://silviomoreto.github.io/bootstrap-select/examples/#selectdeselect-all-options

#### What is the current behavior?
Currently user has to click on each and every option in order to check or uncheck all the options available in the select control.

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Angular 5

Contributor guide

Open the contributing guide

Research direction

Start with the mat-select multiple-selection entry point and review the issue’s linked Bootstrap Select example for the intended interaction. Define how top-level Check All and Uncheck All options should behave, then verify that selecting or clearing all options works in the multiple-selection panel and remains consistent with Angular Material conventions.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.