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

bug(mat-chip-grid): impossible to navigate to the input using VoiceOver commands when there are chips selected #30316

Open
1 task
6apc1k opened this issue Jan 13, 2025 · 0 comments
Labels
needs triage This issue needs to be triaged by the team

Comments

@6apc1k
Copy link

6apc1k commented Jan 13, 2025

Is this a regression?

  • Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

When nesting input inside of the mat-chip-grid, it becomes inaccessible with the screenreader commands (when there are chips selected).

Reproduction

StackBlitz link: https://stackblitz.com/run?file=src%2Fexample%2Fchips-input-example.html
Steps to reproduce:

  1. Use material chips with input, where input is nested inside of mat-chip-grid.
  2. Add at least one chip.
  3. Start VoiceOver and focus the form field.
  4. Navigate inside the form field using VoiceOver commands (e.g. VO-Right Arrow to move to the next item)

Expected Behavior

It should be possible to focus the input element when pressing VO-Right Arrow inside the mat-chip-grid. Similar to how it is in chip-autocomplete example, when input is not inside the mat-chip-grid:
https://stackblitz.com/run?file=src%2Fexample%2Fchips-autocomplete-example.css

Actual Behavior

Only chips and delete buttons can be focused using VoiceOver commands.

Environment

  • Angular: 19.0.5
  • CDK/Material: 19.0.5
  • Browser(s): Chrome
  • Operating System (e.g. Windows, macOS, Ubuntu): MacOS
@6apc1k 6apc1k added the needs triage This issue needs to be triaged by the team label Jan 13, 2025
@6apc1k 6apc1k changed the title bug(mat-chip-grid): impossible to navigate to the input using VoiceOver commands when input is not empty bug(mat-chip-grid): impossible to navigate to the input using VoiceOver commands when there are chips selected Jan 13, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
needs triage This issue needs to be triaged by the team
Projects
None yet
Development

No branches or pull requests

1 participant