Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

bug(aria/listbox): selection state breaks when used with ngCombobox autocomplete (readonly=false)

Offen
#32,712 1 Kommentar 2 Reaktionen 1 zugewiesene Person Auf GitHub ansehen

Maintainer antworten meist innerhalb von 1 Tag

@ok7sai arbeitet bereits daran.

Seit 01.4.2026.

Bewertung

Dieses Issue wurde noch nicht bewertet.

Beschreibung

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

Selection state breaks with autocomplete and readonly set to false

When using ngListbox in multi mode inside an ngCombobox with autocomplete enabled (filterMode="manual" and readonly=false), the listbox selection state becomes inconsistent.

Important:

This issue does not occur when the combobox is set to readonly=true.

Video

https://github.com/user-attachments/assets/4fb98448-69a6-491a-acd8-5912375a7a3e

Reproduction

StackBlitz link: https://stackblitz.com/edit/stackblitz-starters-tzi9ff2a?file=src%2Fcombobox%2Fcombobox.html

Steps to reproduce:

  1. Create an ngCombobox with:
    a) filterMode="manual"
    b) default editable input (readonly=false)
  2. Render an ngListbox with multi enabled inside the combobox popup
  3. Select options sequentially from the list
  4. Observe listbox()?.values() after each selection listbox = viewChild<Listbox<string>>(Listbox);
Expected Behavior

ngListbox in multi mode should

  • preserve all selected values
  • never reset selection unless explicitly cleared
  • Combobox autocomplete input updates should not override or reset
  • listbox multi-selection
Actual Behavior

Selection behavior is deterministic but incorrect

Every second selection
  • listbox()?.values() resets to an empty array
  • The combobox input value remains unchanged
Every third selection

The selected option becomes:

  • the combobox input value
  • the only value in listbox()?.values()
  • This cycle repeats and makes listbox()?.values() unreliable for multi-selection state.
Environment
  • Angular:
  • CDK/Material:
  • Browser(s):
  • Operating System (e.g. Windows, macOS, Ubuntu):
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 4 Std.
Gemergte PRs (30 T.)
69

Entwicklungsumgebung

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus angular/components

Alle Issues in angular/components

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.