main - 09b25a1 fix(material/chips): adds default placeholder for chips input (#30452)

Author: essjay05

docs-content/overviews/material/chips/chips.html

@@ -158,6 +158,7 @@ <h4 id="text-entry" class="docs-header-link">
           Text Entry
         </h4>
       <p><code>&lt;mat-chip-grid&gt;</code> and <code>&lt;mat-chip-row&gt;</code> : These elements implement a grid accessibility pattern. Use them as part of a free form input that allows users to enter text to add chips.</p>
+<p>Note : be sure to have the input element be a sibling of mat-chip-grid to ensure accessibility of the input element by accessibility devices such as Voice Control. It is also recommended to apply an appropriate <code>aria-label</code> to the input to optimize accessibility of the input.</p>
 <pre><code class="language-html"><span class="hljs-tag">&lt;<span class="hljs-name">mat-form-field</span>&gt;</span>
   <span class="hljs-tag">&lt;<span class="hljs-name">mat-chip-grid</span> #<span class="hljs-attr">myChipGrid</span> [(<span class="hljs-attr">ngModel</span>)]=<span class="hljs-string">&quot;mySelection&quot;</span>
     <span class="hljs-attr">aria-label</span>=<span class="hljs-string">&quot;enter sandwich fillings&quot;</span>&gt;</span>
@@ -169,10 +170,11 @@ <h4 id="text-entry" class="docs-header-link">
         <span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span>
       <span class="hljs-tag">&lt;/<span class="hljs-name">mat-chip-row</span>&gt;</span>
     }
-    <span class="hljs-tag">&lt;<span class="hljs-name">input</span> [<span class="hljs-attr">matChipInputFor</span>]=<span class="hljs-string">&quot;myChipGrid&quot;</span>
-           [<span class="hljs-attr">matChipInputSeparatorKeyCodes</span>]=<span class="hljs-string">&quot;separatorKeysCodes&quot;</span>
-           (<span class="hljs-attr">matChipInputTokenEnd</span>)=<span class="hljs-string">&quot;add($event)&quot;</span> /&gt;</span>
   <span class="hljs-tag">&lt;/<span class="hljs-name">mat-chip-grid</span>&gt;</span>
+  <span class="hljs-tag">&lt;<span class="hljs-name">input</span> [<span class="hljs-attr">matChipInputFor</span>]=<span class="hljs-string">&quot;myChipGrid&quot;</span>
+          [<span class="hljs-attr">matChipInputSeparatorKeyCodes</span>]=<span class="hljs-string">&quot;separatorKeysCodes&quot;</span>
+          (<span class="hljs-attr">matChipInputTokenEnd</span>)=<span class="hljs-string">&quot;add($event)&quot;</span>
+          <span class="hljs-attr">aria-label</span>=<span class="hljs-string">&quot;Add sandwich fillings...&quot;</span> /&gt;</span>
 <span class="hljs-tag">&lt;/<span class="hljs-name">mat-form-field</span>&gt;</span>
 </code></pre>
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/components-examples",
-  "version": "20.0.0-next.1+sha-43b0860",
+  "version": "20.0.0-next.1+sha-09b25a1",
   "description": "Angular Components Examples",
   "private": true,
   "repository": {
@@ -259,15 +259,15 @@
   },
   "homepage": "https://github.com/angular/components#readme",
   "peerDependencies": {
-    "@angular/cdk": "20.0.0-next.1+sha-43b0860",
-    "@angular/cdk-experimental": "20.0.0-next.1+sha-43b0860",
+    "@angular/cdk": "20.0.0-next.1+sha-09b25a1",
+    "@angular/cdk-experimental": "20.0.0-next.1+sha-09b25a1",
     "@angular/core": "^20.0.0-0 || ^20.1.0-0 || ^20.2.0-0 || ^20.3.0-0 || ^21.0.0-0",
     "@angular/common": "^20.0.0-0 || ^20.1.0-0 || ^20.2.0-0 || ^20.3.0-0 || ^21.0.0-0",
-    "@angular/material": "20.0.0-next.1+sha-43b0860",
-    "@angular/material-experimental": "20.0.0-next.1+sha-43b0860",
-    "@angular/material-moment-adapter": "20.0.0-next.1+sha-43b0860",
-    "@angular/material-luxon-adapter": "20.0.0-next.1+sha-43b0860",
-    "@angular/material-date-fns-adapter": "20.0.0-next.1+sha-43b0860"
+    "@angular/material": "20.0.0-next.1+sha-09b25a1",
+    "@angular/material-experimental": "20.0.0-next.1+sha-09b25a1",
+    "@angular/material-moment-adapter": "20.0.0-next.1+sha-09b25a1",
+    "@angular/material-luxon-adapter": "20.0.0-next.1+sha-09b25a1",
+    "@angular/material-date-fns-adapter": "20.0.0-next.1+sha-09b25a1"
   },
   "dependencies": {
     "tslib": "^2.3.0"