Skip to content

Commit fc2f6fd

Browse files
erkamyamanatscott
erkamyaman
authored and
atscott
committed
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.
1 parent f2cf65a commit fc2f6fd

3 files changed

Lines changed: 0 additions & 9 deletions

File tree

‎adev/src/content/examples/aria/toolbar/src/disabled/app/app.html‎

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -84,7 +84,6 @@
8484
aria-label="align left"
8585
class="material-symbols-outlined"
8686
[attr.aria-checked]="alignment() === 'left'"
87-
(click)="alignment.set('left')"
8887
translate="no"
8988
>
9089
format_align_left
@@ -98,7 +97,6 @@
9897
aria-label="align center"
9998
class="material-symbols-outlined"
10099
[attr.aria-checked]="alignment() === 'center'"
101-
(click)="alignment.set('center')"
102100
translate="no"
103101
>
104102
format_align_center
@@ -112,7 +110,6 @@
112110
aria-label="align right"
113111
class="material-symbols-outlined"
114112
[attr.aria-checked]="alignment() === 'right'"
115-
(click)="alignment.set('right')"
116113
translate="no"
117114
>
118115
format_align_right

‎adev/src/content/examples/aria/toolbar/src/disabled/material/app/app.html‎

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -84,7 +84,6 @@
8484
aria-label="align left"
8585
class="material-symbols-outlined"
8686
[attr.aria-checked]="alignment() === 'left'"
87-
(click)="alignment.set('left')"
8887
translate="no"
8988
>
9089
format_align_left
@@ -98,7 +97,6 @@
9897
aria-label="align center"
9998
class="material-symbols-outlined"
10099
[attr.aria-checked]="alignment() === 'center'"
101-
(click)="alignment.set('center')"
102100
translate="no"
103101
>
104102
format_align_center
@@ -112,7 +110,6 @@
112110
aria-label="align right"
113111
class="material-symbols-outlined"
114112
[attr.aria-checked]="alignment() === 'right'"
115-
(click)="alignment.set('right')"
116113
translate="no"
117114
>
118115
format_align_right

‎adev/src/content/examples/aria/toolbar/src/disabled/retro/app/app.html‎

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -84,7 +84,6 @@
8484
aria-label="align left"
8585
class="material-symbols-outlined"
8686
[attr.aria-checked]="alignment() === 'left'"
87-
(click)="alignment.set('left')"
8887
translate="no"
8988
>
9089
format_align_left
@@ -98,7 +97,6 @@
9897
aria-label="align center"
9998
class="material-symbols-outlined"
10099
[attr.aria-checked]="alignment() === 'center'"
101-
(click)="alignment.set('center')"
102100
translate="no"
103101
>
104102
format_align_center
@@ -112,7 +110,6 @@
112110
aria-label="align right"
113111
class="material-symbols-outlined"
114112
[attr.aria-checked]="alignment() === 'right'"
115-
(click)="alignment.set('right')"
116113
translate="no"
117114
>
118115
format_align_right

0 commit comments

Comments
 (0)