angular / angular/components

bug(Chips): Selecting value from autocomplete by keyboard navigation causes both the search string and the selected option to be added

Offen
#28,852 2 Kommentare 2 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: material/chips P4
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

### 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

Reproducible on this [example](https://material.angular.io/components/chips/overview#chips-autocomplete).

### Reproduction

StackBlitz link: https://stackblitz.com/edit/rd9usi?file=package.json
Steps to reproduce:
1. Type any input that is a substring of any item in the suggestion list
2. Navigate to a suggestion with keyboard
3. Press Enter
4. Both the search string and the selected are added

### Expected Behavior

Only the selected suggestion is added

### Actual Behavior

Both the selected and the suggested values are added

### Environment

- Angular: 16.2.6
- CDK/Material: 16.2.8
- Browser(s): Google Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): darwin arm64

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne mit der verlinkten StackBlitz-Reproduktion einschließlich package.json und vergleiche ihr Verhalten mit dem Chips-autocomplete-Beispiel. Verfolge die Tastaturnavigation und die Verarbeitung der Eingabetaste für eine eingegebene Teilzeichenfolge und überprüfe anschließend, dass nur der ausgewählte Vorschlag hinzugefügt wird und die Suchzeichenfolge nicht ebenfalls hinzugefügt wird.

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
42/100

Neue Issues direkt in Ihr Postfach

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