refactor(material/chips): testing ariaLabel with input inside chip-grid

Updating previous fix to see if ariaLabel will be read even if input is inside chip-grid.
angular · Feb 12, 2025 · 171b064 · 171b064
1 parent 70ba1f4
commit 171b064
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/dev-app/chips/chips-demo.html b/src/dev-app/chips/chips-demo.html
@@ -184,6 +184,12 @@ <h4>Input is last child of chip grid</h4>
               </button>
             </mat-chip-row>
           }
+          <input [disabled]="disableInputs"
+                [matChipInputFor]="chipGrid1"
+                [matChipInputSeparatorKeyCodes]="separatorKeysCodes"
+                [matChipInputAddOnBlur]="addOnBlur"
+                (matChipInputTokenEnd)="add($event)"
+                ariaLabel="New contributor input..." />
         </mat-chip-grid>
         <input [disabled]="disableInputs"
                 [matChipInputFor]="chipGrid1"
@@ -209,8 +215,7 @@ <h4>Input is next sibling child of chip grid</h4>
         <input [matChipInputFor]="chipGrid2"
                [matChipInputSeparatorKeyCodes]="separatorKeysCodes"
                [matChipInputAddOnBlur]="addOnBlur"
-               (matChipInputTokenEnd)="add($event)"
-               ariaLabel="New contributor input..." />
+               (matChipInputTokenEnd)="add($event)"/>
       </mat-form-field>
 
       <p>