Skip to content

Commit df7d0e5

Browse files
committed
fix(material/chips): fixes chips input demo moving input out of chip-grid
Updates previous chips-demo.html so that the input element is not a child of chip-grid, but rather a sibling. When mat-chip-grid contains the input, it hides this as an interactive element from mobile Voice Controls making it inaccessible. Fixes b/380092814
1 parent c7b2b7a commit df7d0e5

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

src/dev-app/chips/chips-demo.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -184,12 +184,12 @@ <h4>Input is last child of chip grid</h4>
184184
</button>
185185
</mat-chip-row>
186186
}
187-
<input [disabled]="disableInputs"
188-
[matChipInputFor]="chipGrid1"
189-
[matChipInputSeparatorKeyCodes]="separatorKeysCodes"
190-
[matChipInputAddOnBlur]="addOnBlur"
191-
(matChipInputTokenEnd)="add($event)" />
192187
</mat-chip-grid>
188+
<input [disabled]="disableInputs"
189+
[matChipInputFor]="chipGrid1"
190+
[matChipInputSeparatorKeyCodes]="separatorKeysCodes"
191+
[matChipInputAddOnBlur]="addOnBlur"
192+
(matChipInputTokenEnd)="add($event)" />
193193
</mat-form-field>
194194

195195
<h4>Input is next sibling child of chip grid</h4>

0 commit comments

Comments
 (0)