main - 75713b0 fix(material/paginator): prevent keyboard nav to disabled buttons (#30627)

Author: andrewseguin

docs-content/api-docs/material-button.html

@@ -154,7 +154,9 @@ <h4 id="MatButton" class="docs-header-link docs-api-h4 docs-api-class-name">
   </td>
   <td class="docs-api-property-description"><p>Natively disabled buttons prevent focus and any pointer events from reaching the button.
 In some scenarios this might not be desirable, because it can prevent users from finding out
-why the button is disabled (e.g. via tooltip).</p>
+why the button is disabled (e.g. via tooltip). This is also useful for buttons that may
+become disabled when activated, which would cause focus to be transferred to the document
+body instead of remaining on the button.</p>
 <p>Enabling this input will change the button so that it is styled to be disabled and will be
 marked as <code>aria-disabled</code>, but it will allow the button to receive events and focus.</p>
 <p>Note that by enabling this, you need to set the <code>tabindex</code> yourself if the button isn&#39;t
@@ -354,7 +356,9 @@ <h4 id="MatFabButton" class="docs-header-link docs-api-h4 docs-api-class-name">
   </td>
   <td class="docs-api-property-description"><p>Natively disabled buttons prevent focus and any pointer events from reaching the button.
 In some scenarios this might not be desirable, because it can prevent users from finding out
-why the button is disabled (e.g. via tooltip).</p>
+why the button is disabled (e.g. via tooltip). This is also useful for buttons that may
+become disabled when activated, which would cause focus to be transferred to the document
+body instead of remaining on the button.</p>
 <p>Enabling this input will change the button so that it is styled to be disabled and will be
 marked as <code>aria-disabled</code>, but it will allow the button to receive events and focus.</p>
 <p>Note that by enabling this, you need to set the <code>tabindex</code> yourself if the button isn&#39;t
@@ -531,7 +535,9 @@ <h4 id="MatMiniFabButton" class="docs-header-link docs-api-h4 docs-api-class-nam
   </td>
   <td class="docs-api-property-description"><p>Natively disabled buttons prevent focus and any pointer events from reaching the button.
 In some scenarios this might not be desirable, because it can prevent users from finding out
-why the button is disabled (e.g. via tooltip).</p>
+why the button is disabled (e.g. via tooltip). This is also useful for buttons that may
+become disabled when activated, which would cause focus to be transferred to the document
+body instead of remaining on the button.</p>
 <p>Enabling this input will change the button so that it is styled to be disabled and will be
 marked as <code>aria-disabled</code>, but it will allow the button to receive events and focus.</p>
 <p>Note that by enabling this, you need to set the <code>tabindex</code> yourself if the button isn&#39;t
@@ -695,7 +701,9 @@ <h4 id="MatIconButton" class="docs-header-link docs-api-h4 docs-api-class-name">
   </td>
   <td class="docs-api-property-description"><p>Natively disabled buttons prevent focus and any pointer events from reaching the button.
 In some scenarios this might not be desirable, because it can prevent users from finding out
-why the button is disabled (e.g. via tooltip).</p>
+why the button is disabled (e.g. via tooltip). This is also useful for buttons that may
+become disabled when activated, which would cause focus to be transferred to the document
+body instead of remaining on the button.</p>
 <p>Enabling this input will change the button so that it is styled to be disabled and will be
 marked as <code>aria-disabled</code>, but it will allow the button to receive events and focus.</p>
 <p>Note that by enabling this, you need to set the <code>tabindex</code> yourself if the button isn&#39;t

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/components-examples",
-  "version": "20.0.0-next.1+sha-103ac7c",
+  "version": "20.0.0-next.1+sha-75713b0",
   "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-103ac7c",
-    "@angular/cdk-experimental": "20.0.0-next.1+sha-103ac7c",
+    "@angular/cdk": "20.0.0-next.1+sha-75713b0",
+    "@angular/cdk-experimental": "20.0.0-next.1+sha-75713b0",
     "@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-103ac7c",
-    "@angular/material-experimental": "20.0.0-next.1+sha-103ac7c",
-    "@angular/material-moment-adapter": "20.0.0-next.1+sha-103ac7c",
-    "@angular/material-luxon-adapter": "20.0.0-next.1+sha-103ac7c",
-    "@angular/material-date-fns-adapter": "20.0.0-next.1+sha-103ac7c"
+    "@angular/material": "20.0.0-next.1+sha-75713b0",
+    "@angular/material-experimental": "20.0.0-next.1+sha-75713b0",
+    "@angular/material-moment-adapter": "20.0.0-next.1+sha-75713b0",
+    "@angular/material-luxon-adapter": "20.0.0-next.1+sha-75713b0",
+    "@angular/material-date-fns-adapter": "20.0.0-next.1+sha-75713b0"
   },
   "dependencies": {
     "tslib": "^2.3.0"