Skip to content

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 andrewseguin and mmalerba 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