Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

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

オープン
#32,712 コメント 1 件 リアクション 2 件 担当者 1 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

@ok7sai がすでに取り組んでいます。

2026年4月1日 から。

評価

この issue はまだ評価されていません。

説明

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):
主要言語
TypeScript
スター
25k
フォーク
6.8k
平均マージ
1日 4時間
マージ済み PR(30日)
69

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

angular/components のほかの issue

angular/components の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。