angular / angular/components

bug(autocomplete): reset input value doesn't update the selected option

Offen
#20,878 1 Kommentar 4 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: material/autocomplete P3
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

#### Reproduction

When an autocomplete control is reset, the selected option still hold the `.mat-selected` class.

https://stackblitz.com/edit/angular-ufhza2
Steps to reproduce:

1) Open the autocomplete
2) Select an entry
3) Click reset
4) Open the autocomplete again

![Selection_052](https://user-images.githubusercontent.com/1753742/97108722-7c09f200-16cf-11eb-8d28-88285a935b88.png)

#### Expected Behavior

`mat-selected` class should be removed when autocomplete is empty

#### Environment

- Angular: `10.2.0`
- CDK/Material: `10.2.5`

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne damit, das Verhalten im verlinkten StackBlitz zu reproduzieren: Wähle einen Autocomplete-Eintrag aus, setze das Steuerelement zurück und öffne es erneut. Verfolge die Behandlung der Autocomplete-Auswahl und des Zurücksetzens, um herauszufinden, warum die ausgewählte Option die Klasse `mat-selected` behält; fertig ist die Aufgabe, wenn die Klasse entfernt wird, sobald das Eingabefeld leer ist, und die gemeldeten Schritte durch Tests abgedeckt sind.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

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