From fc2f6fd67de91225f505269f728ca1574b3f5b66 Mon Sep 17 00:00:00 2001 From: Kam Date: Fri, 11 Sep 2026 12:54:59 +0300 Subject: [PATCH] docs: stop the disabled aria toolbar radio group from changing selection The disabled toolbar example marks its alignment radio group `disabled`. Toolbars are soft-disabled by default, so the widgets only receive `aria-disabled` and stay clickable, which the guide describes as focusable but unavailable. Since #70516 moved selection into the app, each radio also carries a `(click)="alignment.set(...)"` handler that never checks the disabled state. Clicking a disabled radio therefore changes the selection. Before that change the radios had no app listener and the library ignored clicks on disabled items. Drop the three click handlers from the permanently disabled group in the basic, material and retro variants, the same way the disabled redo button in the same template already has none. --- .../content/examples/aria/toolbar/src/disabled/app/app.html | 3 --- .../examples/aria/toolbar/src/disabled/material/app/app.html | 3 --- .../examples/aria/toolbar/src/disabled/retro/app/app.html | 3 --- 3 files changed, 9 deletions(-) diff --git a/adev/src/content/examples/aria/toolbar/src/disabled/app/app.html b/adev/src/content/examples/aria/toolbar/src/disabled/app/app.html index 6b56fdcf858..8f66779c3ea 100644 --- a/adev/src/content/examples/aria/toolbar/src/disabled/app/app.html +++ b/adev/src/content/examples/aria/toolbar/src/disabled/app/app.html @@ -84,7 +84,6 @@ aria-label="align left" class="material-symbols-outlined" [attr.aria-checked]="alignment() === 'left'" - (click)="alignment.set('left')" translate="no" > format_align_left @@ -98,7 +97,6 @@ aria-label="align center" class="material-symbols-outlined" [attr.aria-checked]="alignment() === 'center'" - (click)="alignment.set('center')" translate="no" > format_align_center @@ -112,7 +110,6 @@ aria-label="align right" class="material-symbols-outlined" [attr.aria-checked]="alignment() === 'right'" - (click)="alignment.set('right')" translate="no" > format_align_right diff --git a/adev/src/content/examples/aria/toolbar/src/disabled/material/app/app.html b/adev/src/content/examples/aria/toolbar/src/disabled/material/app/app.html index c4a9880d9be..8e68b0d26b6 100644 --- a/adev/src/content/examples/aria/toolbar/src/disabled/material/app/app.html +++ b/adev/src/content/examples/aria/toolbar/src/disabled/material/app/app.html @@ -84,7 +84,6 @@ aria-label="align left" class="material-symbols-outlined" [attr.aria-checked]="alignment() === 'left'" - (click)="alignment.set('left')" translate="no" > format_align_left @@ -98,7 +97,6 @@ aria-label="align center" class="material-symbols-outlined" [attr.aria-checked]="alignment() === 'center'" - (click)="alignment.set('center')" translate="no" > format_align_center @@ -112,7 +110,6 @@ aria-label="align right" class="material-symbols-outlined" [attr.aria-checked]="alignment() === 'right'" - (click)="alignment.set('right')" translate="no" > format_align_right diff --git a/adev/src/content/examples/aria/toolbar/src/disabled/retro/app/app.html b/adev/src/content/examples/aria/toolbar/src/disabled/retro/app/app.html index 4035042e2c5..001f00562df 100644 --- a/adev/src/content/examples/aria/toolbar/src/disabled/retro/app/app.html +++ b/adev/src/content/examples/aria/toolbar/src/disabled/retro/app/app.html @@ -84,7 +84,6 @@ aria-label="align left" class="material-symbols-outlined" [attr.aria-checked]="alignment() === 'left'" - (click)="alignment.set('left')" translate="no" > format_align_left @@ -98,7 +97,6 @@ aria-label="align center" class="material-symbols-outlined" [attr.aria-checked]="alignment() === 'center'" - (click)="alignment.set('center')" translate="no" > format_align_center @@ -112,7 +110,6 @@ aria-label="align right" class="material-symbols-outlined" [attr.aria-checked]="alignment() === 'right'" - (click)="alignment.set('right')" translate="no" > format_align_right