Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

bug(mat-menu): VoiceOver user on mobile is able to navigate out of an opened Menu

Aberta
#33,580 0 comentários 0 reações 0 responsáveis Ver no GitHub

Mantenedores costumam responder em até 1 dia

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
3/5
Tempo estimado
1-2 dias
Facilidade para iniciantes
55/100
Tipo de issue
Bug
Clareza
Razoavelmente clara
Status de atividade
Pouca atividade
Stack de tecnologia
angular, typescript

Direção de pesquisa

Comece reproduzindo o problema na visão geral vinculada do menu Material em um dispositivo iOS com o VoiceOver ativado e, em seguida, rastreie o tratamento de foco do mat-menu no primeiro e no último item do menu. Considera-se concluído quando os deslizes para frente e para trás mantêm o foco do VoiceOver dentro do menu aberto, em vez de movê-lo para o próximo elemento.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

area: aria/menu P3
Description

On iOS, with VoiceOver turned on, after a user opens a menu and they start swiping through the menu items in order to move focus from one item to the next, when they reach the first or last menu item and swipe respectively backward or forward, VoiceOver focus is moved outside of the menu into the next element

Reproduction

StackBlitz link: https://material.angular.dev/components/menu/overview#menu-overview
Steps to reproduce:

  1. On an iOS device, turn VoiceOver on
  2. Navigate to the menu example
  3. Open the menu
  4. Swipe forward until VoiceOver focus leaves the menu
Expected Behavior

Focus is trapped in the menu

Actual Behavior

VoiceOver focus moves outside of the menu

Environment
  • Angular: v21
  • CDK/Material: v21
  • Browser(s): Any
  • Operating System (e.g. Windows, macOS, Ubuntu): iOS with VoiceOver turned on
Linguagem predominante
TypeScript
Estrelas
25k
Forks
6.8k
Merge médio
1d 7h
PRs com merge (30d)
92

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de angular/components

Todas as issues de angular/components

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.