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

Angular ARIA autocomplete selecting options with mouse click or enter don't select them, only with pressing tab.

Ouverte
  • Quelque chose ne va pas ?
#32,765 1 commentaire 0 réactions 1 personne assignée Voir sur GitHub

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

@ok7sai y travaille déjà.

Depuis le 1/4/2026.

Évaluation

Cette issue n'a pas encore été évaluée.

Description

area: aria/combobox P3
Which @angular/* package(s) are the source of the bug?

Don't known / other

Is this a regression?

No

Description

When I setup the Autocomplete component with Angular ARIA components, like in the example provided on the angular website. There is something weird going on with selecting the searched options with a mouse click or pressing Enter.

Reproducing the "bug"

When I use the filterMode auto-select and I search for n, a sub-set of the country list will appear. If I now move to the second or third option in the list and press enter the value in the input field will be filled with the slected option. But when I check the selected option with an effect, it is the first option of the filtered list.

When you do the same filtering and navigate to the second/thrid option and instead press tab. The selected options is actually selected.

I have made a stackblitz example to show this: https://stackblitz.com/edit/stackblitz-starters-xnilgqyl?file=src%2Fmain.ts,src%2Fcomponents%2Fautocomplete.ts

Is this behaviour by design? That the selection only works on the tab-keypress?

Work around

The workaround we are using right now is to also bind query to the [(value)] of the ngComboboxInput, this way we always get the right selection. The drawback is that we get a console error out of ngCombobox.

 my-component.container.html:11 ERROR TypeError: Cannot read properties of undefined (reading 'length')
    at ComboboxPattern.onFilter (_combobox-chunk.mjs:221:55)
    at combobox.mjs:308:46
    at untracked (_effect-chunk.mjs:403:12)
    at untracked2 (_untracked-chunk.mjs:2957:10)
    at combobox.mjs:308:7
    at Object.phaseFn (core.mjs:2693:30)
    at AfterRenderEffectSequence.hooks.<computed> (core.mjs:2729:41)
    at _debug_node-chunk.mjs:4155:27
    at _AfterRenderImpl.maybeTrace (_debug_node-chunk.mjs:4212:75)
    at _debug_node-chunk.mjs:4153:78
Please provide a link to a minimal reproduction of the bug

https://stackblitz.com/edit/stackblitz-starters-xnilgqyl?file=src%2Fmain.ts,src%2Fcomponents%2Fautocomplete.ts

Please provide the exception or error you saw
Please provide the environment you discovered this bug in (run ng version)
Anything else?

No response

Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 4 h
PR mergées (30 j)
69

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.