Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

bug(Listbox): Can not select first option with Enter after calling .goToFirst() (@angular/aria)

Aberta
#32,762 1 comentário 0 reações 0 responsáveis Ver no GitHub

Mantenedores costumam responder em até 1 dia

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
3/5
Tempo estimado
1-2 dias
Facilidade para iniciantes
45/100
Tipo de issue
Bug
Clareza
Razoavelmente clara
Status de atividade
Estagnada
Stack de tecnologia
angular, typescript

Direção de pesquisa

Comece pela reprodução vinculada do StackBlitz, especialmente por src/App.ts, e reproduza a sequência .goToFirst() e depois Enter. Investigue a suspeita de sincronização do keyboard-manager e verifique se pressionar Enter depois de mover-se para a primeira opção dispara um alert contendo "Option 0" sem exigir Arrow Down.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

area: aria/listbox P3
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

When calling .goToFirst() the first option is set active. But it is not possible to select it with Enter. If the user hits arrow down one time you can select the first option. But my whole reason for calling .goToFirst() is so the user do not need arrows when first option is the one they want.

I suspect an underlying keyboard manager is not being synced when calling `.goToFirst()'

Reproduction

StackBlitz link: https://stackblitz.com/edit/go-to-first-issue-angular-aria-wpcbw3sz?file=src%2FApp.ts
Steps to reproduce:

  1. Load stackblitz
  2. Hit enter
    Hitting enter should trigger en alert with the text "Option 0", but it does not happen
Expected Behavior

When calling .goToFirst() the first option is selected and hitting Enter on the keyboard will select it.

Actual Behavior

Nothing happens when hitting Enter

Environment
  • Angular: 21.1.3
  • CDK/Material: 21.1.3
  • Browser(s): Edge, Firefox
  • Operating System (e.g. Windows, macOS, Ubuntu): Windows, Macos
Linguagem predominante
TypeScript
Estrelas
25k
Forks
6.8k
Merge médio
1d 4h
PRs com merge (30d)
69

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de angular/components

Todas as issues de angular/components

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.