Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

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

Offen
#33,580 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Anfängerfreundlichkeit
55/100
Issue-Typ
Bug
Klarheit
Größtenteils klar
Aktivitätsstatus
Ruhig
Tech-Stack
angular, typescript

Rechercherichtung

Beginne damit, das Problem in der verlinkten Übersicht des Material-Menüs auf einem iOS-Gerät mit aktiviertem VoiceOver zu reproduzieren, und verfolge anschließend die Fokusbehandlung von mat-menu beim ersten und letzten Menüelement. Erledigt ist die Aufgabe, wenn Vorwärts- und Rückwärtsstreichen den VoiceOver-Fokus innerhalb des geöffneten Menüs halten, anstatt ihn zum nächsten Element zu bewegen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

area: aria/menu gemini-triaged 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
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 1 Std.
Gemergte PRs (30 T.)
84

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus angular/components

Alle Issues in angular/components

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.