angular / angular/components

feat(mat-calendar): Automatically reposition "close calendar" button if it is offscreen

Ouverte
#30,351 3 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
area: material/datepicker P4
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

### Feature Description

When using keyboard navigation, the "close calendar" button is placed at the bottom of the calendar after tabbing through the other interactive elements in the component. If this button would be positioned offscreen, it should be repositioned into view to improve accessibility.

### Use Case

A user may increase the browser size to 200%, or the calendar may just be positioned toward the bottom of the screen, which may cause this close button to render offscreen when displayed.

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par le composant de calendrier Angular Material et son comportement de navigation au clavier, en vous concentrant sur la façon dont le bouton de fermeture du calendrier est placé après avoir parcouru les éléments interactifs avec la touche Tab. Reproduisez le cas avec un zoom du navigateur à 200 % ou lorsque le calendrier se trouve près du bas de l’écran, puis vérifiez que le bouton de fermeture ayant le focus est repositionné dans la zone visible.

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

Évaluation

Stack technique
angular, typescript
Domaine
accessibility, frontend
Type d'issue
Fonctionnalité
Difficulté
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
45/100

Recevez les nouvelles issues par e-mail

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