diff --git a/src/dev-app/chips/chips-demo.html b/src/dev-app/chips/chips-demo.html index 6011d84cd86c..50d20beaa68b 100644 --- a/src/dev-app/chips/chips-demo.html +++ b/src/dev-app/chips/chips-demo.html @@ -225,6 +225,74 @@

Options

+ + Disabled Input Chips + + +

+ The <mat-chip-grid> component pairs with the matChipInputFor directive + to convert user input text into chips. + They can be used inside a <mat-form-field>. +

+ +

Input is last child of chip grid

+ + + New Contributor... + + @for (person of people; track person) { + + {{person.name}} + + + } + + + + +

Input is next sibling child of chip grid

+ + + New Contributor... + + @for (person of people; track person) { + + {{person.name}} + + + } + + + + +

+ The example above has overridden the [separatorKeys] input to allow for + ENTER, COMMA and SEMICOLON keys. +

+ +

Options

+

+ Add on Blur +

+ +
+
+ Miscellaneous diff --git a/src/material/chips/chip-row.ts b/src/material/chips/chip-row.ts index 5d819224fca7..34408bae2e9d 100644 --- a/src/material/chips/chip-row.ts +++ b/src/material/chips/chip-row.ts @@ -114,7 +114,7 @@ export class MatChipRow extends MatChip implements AfterViewInit { /** Sends focus to the first gridcell when the user clicks anywhere inside the chip. */ _handleFocus() { - if (!this._isEditing && !this.disabled) { + if (!this._isEditing) { this.focus(); } }