Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(material/chips): increase chip remove touch target size #29452

Merged

Conversation

essjay05
Copy link
Contributor

Fixes Angular Components Chips component accessibility issue where the touch target is too small. Updates the chips' remove button ::after margin and padding styles to create a larger touch target to meet the minimum 48px x 48px size.

Before screenshot
After screenshot

Fixes b/286959517

@essjay05 essjay05 requested a review from a team as a code owner July 17, 2024 21:11
@essjay05 essjay05 requested review from mmalerba and andrewseguin and removed request for a team July 17, 2024 21:11
@essjay05 essjay05 force-pushed the fix-increase-chip-remove-touch-target branch 2 times, most recently from de46773 to 2d4f46d Compare July 22, 2024 15:29
@essjay05 essjay05 force-pushed the fix-increase-chip-remove-touch-target branch 2 times, most recently from fe09934 to 138bba0 Compare July 30, 2024 15:57
@essjay05 essjay05 force-pushed the fix-increase-chip-remove-touch-target branch 3 times, most recently from 1e81412 to b6b30ad Compare August 13, 2024 15:46
@essjay05 essjay05 force-pushed the fix-increase-chip-remove-touch-target branch 2 times, most recently from 1183951 to ad1bd30 Compare August 16, 2024 19:16
@essjay05 essjay05 force-pushed the fix-increase-chip-remove-touch-target branch 6 times, most recently from 5ff96b3 to 9d61337 Compare August 27, 2024 17:30
@essjay05 essjay05 force-pushed the fix-increase-chip-remove-touch-target branch 3 times, most recently from e4cf68e to 63f0f84 Compare September 3, 2024 19:42
@essjay05 essjay05 force-pushed the fix-increase-chip-remove-touch-target branch 3 times, most recently from ef073d2 to 8bfdcb6 Compare September 10, 2024 23:34
@essjay05 essjay05 force-pushed the fix-increase-chip-remove-touch-target branch 2 times, most recently from 8640b14 to f8f9a43 Compare September 16, 2024 22:12
Fixes Angular Components Chips component accessibility issue
where the touch target is too small. Updates the chips' remove
button ::after margin and padding styles to create a larger
touch target to meet the minimum 48px x 48px size.

Fixes b/286959517
Updates previous fix to correct lint error due to changing some
lines from background to targeting background-color specifically.
@essjay05 essjay05 force-pushed the fix-increase-chip-remove-touch-target branch from f8f9a43 to 3d3a659 Compare September 17, 2024 21:05
@andrewseguin andrewseguin added action: merge The PR is ready for merge by the caretaker target: patch This PR is targeted for the next patch release labels Sep 18, 2024
@andrewseguin andrewseguin removed their request for review September 18, 2024 22:02
@andrewseguin andrewseguin merged commit 777d1d2 into angular:main Sep 18, 2024
23 of 26 checks passed
andrewseguin pushed a commit that referenced this pull request Sep 18, 2024
* fix(material/chips): increase chip remove touch target size

Fixes Angular Components Chips component accessibility issue
where the touch target is too small. Updates the chips' remove
button ::after margin and padding styles to create a larger
touch target to meet the minimum 48px x 48px size.

Fixes b/286959517

* refactor(material/chips): fix lint errors

Updates previous fix to correct lint error due to changing some
lines from background to targeting background-color specifically.

(cherry picked from commit 777d1d2)
@essjay05 essjay05 deleted the fix-increase-chip-remove-touch-target branch September 18, 2024 22:10
@angular-automatic-lock-bot
Copy link

This issue 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 Oct 19, 2024
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 target: patch This PR is targeted for the next patch release
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants