angular / angular/components

CDK Virtual Scroll Viewport with CDK A11y ActiveDescendantKeyManager

Offen
#14,516 9 Kommentare 23 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: cdk/scrolling feature P3
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

#### What is the expected behavior?

Virtual Scroll to work with CDK A11y ActiveDescendantKeyManager

#### What is the current behavior?

Since virtual scroll only loads partial information and loads more when you scroll (recycling the view), ActiveDescendantKeyManager only get the indexes of the current items loaded by the . As I load more, the indexes repeats themselves, since the virtual scroll adds and deletes items

#### What are the steps to reproduce?

https://stackblitz.com/edit/angular-zmawwx

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne mit der verknüpften StackBlitz-Reproduktion und verfolge, wie das CDK-Viewport für virtuelles Scrollen Elemente für den ActiveDescendantKeyManager bereitstellt. Vergleiche das Recycling-Verhalten sichtbarer Elemente mit der Indexverarbeitung des Key Managers. Als abgeschlossen gilt die Aufgabe, wenn der Key Manager weiterhin funktioniert, während das virtuelle Scrollen weitere Elemente lädt, ohne wiederholte Indizes zu erzeugen, und die Reproduktion dieses Verhalten bestätigt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
accessibility, frontend
Issue-Typ
Bug
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

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