angular / angular/components

Explore replacing cdk focus trap with native HTML inert

Offen
#24,868 1 Kommentar 2 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
Accessibility area: cdk/a11y P3 refactoring
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

The new HTML `inert` attribute is a native solution to the very manual focus trapping we employ today. We should explore whether we can drop the entire focus trap subpackage in favor of people directly using `inert`. It will be some time until browsers fully support this, but it's on track for all of Chromium/Firefox/Safari.

See
https://developer.chrome.com/blog/inert/
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert
https://caniuse.com/mdn-api_htmlelement_inert

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne mit dem CDK-Focus-Trap-Subpackage und vergleiche dessen aktuelles manuelles Trapping-Verhalten mit der nativen HTML-inert-API, die in der verlinkten Browser-Dokumentation beschrieben ist. Überprüfe die angegebene Unterstützung für Chromium, Firefox und Safari und ermittle anschließend, ob das Subpackage ersetzt werden kann, ohne die bestehende Komponentenverwendung zu beeinträchtigen; abgeschlossen ist die Aufgabe mit einer dokumentierten Machbarkeitsentscheidung und einem Migrationsumfang.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, html, typescript
Bereich
accessibility, frontend
Issue-Typ
Refactoring
Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
25/100

Neue Issues direkt in Ihr Postfach

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