angular / angular/components

Explore replacing cdk focus trap with native HTML inert

Ouverte
#24,868 1 commentaire 2 réactions 0 personnes assignées Voir sur GitHub
Accessibility area: cdk/a11y P3 refactoring
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

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

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par le sous-package CDK focus trap et comparez son comportement actuel de trapping manuel avec l’API inert native de HTML décrite dans la documentation du navigateur liée. Vérifiez la prise en charge indiquée de Chromium, Firefox et Safari, puis déterminez si le sous-package peut être remplacé sans casser l’utilisation existante des composants ; la tâche est terminée lorsqu’une décision de faisabilité et le périmètre de migration sont documentés.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
angular, html, typescript
Domaine
accessibility, frontend
Type d'issue
Refactorisation
Difficulté
5/5
Temps estimé
Plus d'une semaine
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
25/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.