angular / angular/components

Add 3 state option to multiple select

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

Description

#### Bug, feature request, or proposal:
feature request

#### What is the expected behavior?
Be able to use `Intermediate` inside `mat-option` like you currently can inside `mat-checkbox`

checkbox with the Intermediate set to true:
![image](https://user-images.githubusercontent.com/20732674/39365105-3477c3c2-49fe-11e8-8224-184864206ef3.png)

multiple select
![image](https://user-images.githubusercontent.com/20732674/39365230-8c06f8a6-49fe-11e8-8525-1a4847fa2297.png)

#### What is the current behavior?
The multiple select can only support 2 states.

#### What is the use-case or motivation for changing an existing behaviour?
I want to provide the use a multi select with options for filtering another check box list. If option one is checked in the multi select all corresponding items from the checkbox list should be checked. If the user then unchecks one of those items the multi select should be updated to the intermediate state.

Contributor guide

Open the contributing guide

Research direction

Start at the Angular Material mat-select and mat-option entry points, then compare their current two-state behavior with the mat-checkbox Intermediate option mentioned in the issue. The work is done when multiple-select options support an Intermediate state and the state updates when corresponding selections change.

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
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.