Skip to content

fix(material/chips): adds border on chip-action focus #30961

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

Open
wants to merge 2 commits into
base: main
Choose a base branch
from

Conversation

essjay05
Copy link
Contributor

Updates Angular Material Chips component so that when mat-mdc-chip-action is focused on a border appears around either the text of the chip or the action icon, whichever is being focused. This improves the accessibility by aiding the user in seeing which element/action is being focused on.

Before fix screencast
After fix screencast

Fixes b/286103414

@essjay05 essjay05 requested a review from a team as a code owner April 26, 2025 01:24
@essjay05 essjay05 requested review from adolgachev and wagnermaciel and removed request for a team April 26, 2025 01:24
@andrewseguin andrewseguin added the dev-app preview When applied, previews of the dev-app are deployed to Firebase label Apr 26, 2025
@essjay05 essjay05 marked this pull request as draft April 29, 2025 16:08
Copy link

github-actions bot commented Apr 29, 2025

Deployed dev-app for 1b1cfe7 to: https://ng-dev-previews-comp--pr-angular-components-30961-dev-ni7tvgzt.web.app

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

@essjay05 essjay05 marked this pull request as ready for review April 29, 2025 16:19
@essjay05 essjay05 force-pushed the chip-icon-focus-add-border branch from 6330f57 to 070a725 Compare April 29, 2025 17:20
Updates Angular Material Chips component so that when
mat-mdc-chip-action is focused on a border appears around
either the text of the chip or the action icon, whichever
is being focused. This improves the accessibility by aiding
the user in seeing which element/action is being focused on.

Fixes b/286103414
Removes trailing whitespace to fix lint error.
@essjay05 essjay05 force-pushed the chip-icon-focus-add-border branch from 070a725 to 1b1cfe7 Compare April 29, 2025 17:30
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