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): navigate between rows on up/down arrow #29364

Merged
merged 1 commit into from
Jul 3, 2024

Conversation

crisbeto
Copy link
Member

@crisbeto crisbeto commented Jul 2, 2024

Currently the up/down arrows behave in the same way as left/right, however that's incorrect based on the reference implementation which shows them navigating between the rows.

These changes update the logic in the chip grid so that it matches the expected behavior.

Fixes #29359.

Currently the up/down arrows behave in the same way as left/right, however that's incorrect based on [the reference implementation](https://www.w3.org/WAI/ARIA/apg/patterns/grid/examples/layout-grids/#ex2_label) which shows them navigating between the rows.

These changes update the logic in the chip grid so that it matches the expected behavior.

Fixes angular#29359.
@crisbeto crisbeto added G This is is related to a Google internal issue target: patch This PR is targeted for the next patch release labels Jul 2, 2024
@crisbeto crisbeto requested a review from a team as a code owner July 2, 2024 09:56
@crisbeto crisbeto requested review from mmalerba and andrewseguin and removed request for a team July 2, 2024 09:56
@andrewseguin andrewseguin added the dev-app preview When applied, previews of the dev-app are deployed to Firebase label Jul 2, 2024
Copy link

github-actions bot commented Jul 2, 2024

Deployed dev-app for 528fae4 to: https://ng-dev-previews-comp--pr-angular-components-29364-dev-t5zbi197.web.app

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

@andrewseguin
Copy link
Contributor

Weird that UP/DOWN goes through the remove buttons if those are focused, but I see that's what the reference does

@crisbeto crisbeto added the action: merge The PR is ready for merge by the caretaker label Jul 3, 2024
@crisbeto crisbeto removed the request for review from mmalerba July 3, 2024 16:33
@crisbeto crisbeto merged commit 0519174 into angular:main Jul 3, 2024
26 of 29 checks passed
crisbeto added a commit that referenced this pull request Jul 3, 2024
Currently the up/down arrows behave in the same way as left/right, however that's incorrect based on [the reference implementation](https://www.w3.org/WAI/ARIA/apg/patterns/grid/examples/layout-grids/#ex2_label) which shows them navigating between the rows.

These changes update the logic in the chip grid so that it matches the expected behavior.

Fixes #29359.

(cherry picked from commit 0519174)
crisbeto added a commit that referenced this pull request Jul 3, 2024
Currently the up/down arrows behave in the same way as left/right, however that's incorrect based on [the reference implementation](https://www.w3.org/WAI/ARIA/apg/patterns/grid/examples/layout-grids/#ex2_label) which shows them navigating between the rows.

These changes update the logic in the chip grid so that it matches the expected behavior.

Fixes #29359.

(cherry picked from commit 0519174)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
action: merge The PR is ready for merge by the caretaker dev-app preview When applied, previews of the dev-app are deployed to Firebase G This is is related to a Google internal issue target: patch This PR is targeted for the next patch release
Projects
None yet
Development

Successfully merging this pull request may close these issues.

bug(MatChipGrid): Focus order is not logical
2 participants