mat-chip selected no matter what

Bug, feature request, or proposal:

Bug

What is the expected behavior?

[selectable]=“false” should works properly.

What is the current behavior?

[selectable]=“false” doesn’t work

What are the steps to reproduce?

Providing a StackBlitz reproduction is the best way to share your issue.
StackBlitz starter: https://goo.gl/wwnhMV

    <mat-form-field>
      <mat-chip-list #phraseList class="mat-chip-list-stacked" ngDefaultControl formControlName="phrases" [selectable]="false">
        <mat-chip *ngFor="let phrase of phrases.value" [selectable]="false" [selected]="false" [removable]="true" [disabled]="true">
          <span fxFlex="100%">{{ phrase }}</span>
        </mat-chip>
        <input class="w-100" fxFlex="0%" placeholder="Phrase" [matChipInputFor]="phraseList" [matChipInputSeparatorKeyCodes]="separatorKeysCodes"
          [matChipInputAddOnBlur]="true" (matChipInputTokenEnd)="addPhrase($event)" />
      </mat-chip-list>
    </mat-form-field>

    this.form = new FormGroup({
      phrases: new FormControl(new Array<string>())
    });

    addPhrase(e: MatChipInputEvent): void {
        const input = e.input;
        const value = e.value;
        const phrases = this.phrases.value;

        if ((value || '').trim()) {
          phrases.push(value.trim());
          this.phrases.setValue(phrases);
        }

        if (input) {
          input.value = '';
        }
    }

    get phrases() {
        return this.form.get('phrases');
    }

What is the use-case or motivation for changing an existing behavior?

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

6.0.4

Is there anything else we should know?

[tinayuangao]

@Corsseir Could you please provide a stackblitz reproduction? I cannot reproduce this issue

[selectable]="false" is working properly here: https://stackblitz.com/edit/angular-wcfsvk?file=app%2Fchips-input-example.html

[Ferrin13]

@tinayuangao This is what appears for me what I click on a chip (or tab to it) in Chrome 68.0.3440.84 and Firefox 61.0.2 for the stackblitz you provided. Toggling the selectable flag has no visual effect when selecting/de-selecting the chip.

Is [selectable] only supposed to cause the selected state to be ignored? Reading the documentation, it does not explicitly state that the chip will not be selectable visually, though that seems like a logical conclusion of not being selectable.