Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

Modal default focus prioritizes close button over content elements

Ouverte
#11,956 2 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Les mainteneurs répondent en général sous 1 jour

Personne n'a encore pris cette issue.

Évaluation

Difficulté
3/5
Temps estimé
1-2 jours
Accessibilité débutants
55/100
Type d'issue
Fonctionnalité
Clarté
Plutôt claire
Activité
Calme
Stack technique
react, typescript

Piste de recherche

Commencez par localiser l’implémentation de Modal et ses tests existants de focus-management, puis reproduisez le comportement de focus par défaut avec du contenu interactif dans le corps de la modal. C’est terminé lorsque le focus donne la priorité au premier élément significatif pouvant recevoir le focus dans le corps plutôt qu’au bouton de fermeture de l’en-tête, tout en préservant le comportement de focus attendu de la modal.

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

Description

Stale

When a Modal opens, focus currently defaults to the close (X) button in the header, regardless of what interactive elements exist within the modal content. This behavior is a bit counterintuitive. The default focus should prioritize the first meaningful, focusable element within the modal body (e.g., a primary action button) rather than header controls.

This request originates from a Red Hat product team. There is no hard deadline.


Jira Issue: PF-2526

Langage dominant
TypeScript
Étoiles
862
Forks
392
Merge moyen
4 j 8 h
PR mergées (30 j)
9

Préparer son environnement

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de patternfly/patternfly-react

Toutes les issues de patternfly/patternfly-react

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

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