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

bug(aria/accordion): Enter/Space inside a panel toggles the accordion instead of activating the focused element

Ouverte Adaptée aux débutants
  • Quelque chose ne va pas ?
#34,011 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

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

@agarwalU001 y travaille déjà.

Depuis le 25/10/2026.

  • #34012 par @agarwalU001 — ouverte

Évaluation

Difficulté
2/5
Temps estimé
1-3 heures
Accessibilité débutants
72/100
Type d'issue
Bug
Clarté
Clairement spécifiée
Activité
Active
Stack technique
angular, typescript
Domaine
accessibility, frontend

Piste de recherche

Commence par le gestionnaire keydown indiqué dans l’issue dans src/aria/private/accordion/accordion.ts et compare sa cible d’événement à celle du gestionnaire click. Reproduis le comportement avec le StackBlitz lié, en particulier Enter et Space sur les contrôles des panneaux et Home dans le champ de saisie. Le travail est terminé lorsque ces touches fonctionnent dans le contenu des panneaux et que les commandes clavier de l’accordion fonctionnent toujours sur les triggers.

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

Description

area: aria/accordion gemini-triaged needs triage
Is this a regression?
  • Yes, this behavior used to work in the previous version
The previous version in which this bug was not present was

No response

Description

Pressing Enter on a link (or Space on a button) inside an expanded ngAccordionPanel collapses the panel instead of activating the link/button.

ngAccordionGroup handles keydown for the whole group, including panel content, and calls preventDefault() on Enter/Space, so the focused element never gets activated. Arrow keys and Home/End are affected too, e.g. Home in an input inside a panel moves focus to the trigger.

The click handler only reacts to events coming from a trigger (_findTriggerPattern), the keydown handler doesn't check that:
https://github.com/angular/components/blob/952685f9370ba718f832d745512db7c9a04e1bcd/src/aria/private/accordion/accordion.ts#L73-L97

Reproduction

StackBlitz link: https://stackblitz.com/edit/z5sxyaq6?file=src%2Fmain.ts

Steps to reproduce:

  1. Expand "Section 1".
  2. Tab to "Link inside panel" or "Button inside panel" and press Enter / Space.
  3. Expand it again, click into the input and press Home.
Expected Behavior

The link/button is activated (shows up in the log) and the panel stays open. Home moves the caret in the input.

Actual Behavior

The panel collapses, nothing is activated. Home moves focus to the trigger.

Environment
  • Angular: 22.2.3
  • CDK/Material: @angular/aria 22.2.4 (also 22.1.6)
  • Browser(s): Chrome 155
  • Operating System (e.g. Windows, macOS, Ubuntu): Linux
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
3 j 7 h
PR mergées (30 j)
59

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 angular/components

Toutes les issues de angular/components

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.