Explore replacing cdk focus trap with native HTML inert
- 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
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