Skip to content

fix(material/checkbox): avoid making the touch target a focus stop - #33584

Merged
crisbeto merged 1 commit into
angular:mainfrom
crisbeto:checkbox-touch-target
Jul 30, 2026
Merged

crisbeto merged 1 commit into
angular:mainfrom
crisbeto:checkbox-touch-target

Conversation

@crisbeto

Copy link
Copy Markdown
Member

Along the same lines as #33558.

Some screen readers detect which elements have click listeners and make them a focus stop, even if they're aria-hidden. These changes rework the checkbox so it doesn't have to rely on a click listener on the touch target by wrapping the input in the label instead.

Along the same lines as angular#33558.

Some screen readers detect which elements have `click` listeners and make them a focus stop, even if they're `aria-hidden`. These changes rework the checkbox so it doesn't have to rely on a `click` listener on the touch target by wrapping the `input` in the `label` instead.
@crisbeto crisbeto added the target: patch This PR is targeted for the next patch release label Jul 25, 2026
@pullapprove
pullapprove Bot requested review from andrewseguin and tjshiu July 25, 2026 07:21
@crisbeto crisbeto added the action: merge The PR is ready for merge by the caretaker label Jul 30, 2026
@crisbeto
crisbeto merged commit 3fb737c into angular:main Jul 30, 2026
36 checks passed
@crisbeto

Copy link
Copy Markdown
Member Author

This PR was merged into the repository. The changes were merged into the following branches:

crisbeto added a commit that referenced this pull request Jul 30, 2026
…33584)

Along the same lines as #33558.

Some screen readers detect which elements have `click` listeners and make them a focus stop, even if they're `aria-hidden`. These changes rework the checkbox so it doesn't have to rely on a `click` listener on the touch target by wrapping the `input` in the `label` instead.

(cherry picked from commit 3fb737c)
cdavalos7 pushed a commit to tensorflow/tensorboard that referenced this pull request Aug 14, 2026
I recently landed angular/components#33584 which
changes the internal structure of `mat-checkbox`. These changes update
the style overrides so they continue to work once it is updated.
@angular-automatic-lock-bot

Copy link
Copy Markdown

This pull request has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot Bot locked and limited conversation to collaborators Aug 30, 2026
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

action: merge The PR is ready for merge by the caretaker area: material/checkbox target: patch This PR is targeted for the next patch release

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants