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

Bug - [Dual List Selector#basic-with-search] - [Second option is selected instead of first from Available option list]

Ouverte
#12,130 2 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Évaluation

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

Piste de recherche

Commencez par l’exemple basic-with-search de PatternFly 5 Dual List Selector lié dans l’issue et examinez le comportement du clavier et du focus pour la liste Available Options du composant. Reproduisez le cas VoiceOver sur iOS, puis vérifiez qu’appuyer sur la touche fléchée sélectionne la première option et que le comportement existant reste correct pour les autres interactions avec la liste.

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

Description

A11y Stale

Describe the problem
When the focus is on Available Options, the on pressing arrow key, second option in list is selected instead of first:The issue is with Component>Dual List Selector>. And this issue is in Patternfly 5.

How do you reproduce the problem?

  1. Reach to the Menus Component>Dual List Selector (https://v5-archive.patternfly.org/components/dual-list-selector/#basic-with-search )
  2. Start the voiceover and try to read the available options
  3. When the focus is on Available Options, the on pressing arrow key, second option in list is selected instead of first

Expected behavior
When the focus is on Available Options, the on pressing arrow key, first option should be selected

Screenshots

image

What is your environment?
-iOS
Browser [e.g. chrome, safari]

Jira Issue: PF-2934

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

Guide de contribution

Ouvrir le guide de contribution

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.