Skip to content

fix(material/chips): update chips minimum touch target to 48px - #33570

Open
essjay05 wants to merge 4 commits into
angular:mainfrom
essjay05:mat-chips-min-touch-target-fix
Open

fix(material/chips): update chips minimum touch target to 48px#33570
essjay05 wants to merge 4 commits into
angular:mainfrom
essjay05:mat-chips-min-touch-target-fix

Conversation

@essjay05

@essjay05 essjay05 commented Jul 23, 2026

Copy link
Copy Markdown
Contributor

Updates Angular Components' Chips component so that chips use a touch-target span similar to buttons to ensure that chips meet the minimum touch-target size of 48x48 for accessibility standards.

Fixes b/537441584

@pullapprove
pullapprove Bot requested review from andrewseguin and crisbeto July 23, 2026 00:35
@essjay05
essjay05 force-pushed the mat-chips-min-touch-target-fix branch from 5cfdb4e to 0a385ea Compare July 23, 2026 00:39
@essjay05 essjay05 added the dev-app preview When applied, previews of the dev-app are deployed to Firebase label Jul 23, 2026
@github-actions

github-actions Bot commented Jul 23, 2026

Copy link
Copy Markdown

Deployed dev-app for 9a178fe to: https://ng-dev-previews-comp--pr-angular-components-33570-dev-ox14cqnq.web.app

Note: As new commits are pushed to this pull request, this link is updated after the preview is rebuilt.

Comment thread src/material/chips/chip.scss Outdated
Comment thread src/material/chips/chip.scss Outdated
essjay05 added 2 commits July 27, 2026 09:17
Updates Angular Components' Chips component so that chips use a
touch-target span similar to buttons to ensure that chips meet
the minimum touch-target size of 48x48 for accessibility
standards.

Fixes b/537441584
Updates previous changes to fix lint errors.
@essjay05
essjay05 force-pushed the mat-chips-min-touch-target-fix branch from 0a385ea to f85696c Compare July 27, 2026 16:18
Updates previous changes to Angular Components' Chip component to add a
touch-target element and modifies the previously implemented styles to
follow the density logic applied to touch-target theme/styles for checkbox
and button.

Fixes b/537441584
@essjay05
essjay05 requested a review from crisbeto July 27, 2026 17:18
Updates previous changes to remove unused scss variable that I added
for my original solution.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area: material/chips dev-app preview When applied, previews of the dev-app are deployed to Firebase

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants