angular / angular/components

bug(Autocomplete): Selected option is not deselected when first input is removed while panel is closed (without clicking on input field for focus)

Ouverte
#31,229 1 commentaire 0 réactions 0 personnes assignées Voir sur GitHub
area: material/autocomplete P4
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

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

Selected option does not get deselected when the input is cleared (without clicking on input field for focus) while the panel is closed.

https://github.com/user-attachments/assets/3930b00b-7131-4b98-b29b-597b8883eb94

### Reproduction

StackBlitz link:
Steps to reproduce:
1. Click on autocomplete input field.
2. Select an option from the list.
3. Hit backspace from keyboard. (NOTE - don't click on the input to focus the field so that the panel remains closed while hitting backspace)
4. On first backspace - the selection (checkmark) remains on the previously selected option and the panel gets opened.
5. On second backspace - the selection gets cleared because panel was already open.

### Expected Behavior

The selection should get cleared since the input value has changed.

### Actual Behavior

The selection does not get cleared.

### Environment

- Angular:
- CDK/Material:
- Browser(s):
- Operating System (e.g. Windows, macOS, Ubuntu):

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par reproduire la séquence d’autocomplétion Angular décrite : sélectionnez une option, gardez le panneau fermé et appuyez sur Backspace sans redonner le focus au champ de saisie. Suivez la manière dont la première modification de l’entrée gère l’option sélectionnée et l’état du panneau. C’est terminé lorsque la sélection est effacée au premier Backspace alors que le panneau est fermé ; aucun fichier ni test n’est nommé dans l’issue.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
angular, typescript
Domaine
frontend
Type d'issue
Bug
Difficulté
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
45/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.