angular / angular/components

bug(mat-autocomplete): Autocomplete options are moving with dialog scrollbar

Ouverte
#30,416 10 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
area: cdk/dialog area: material/autocomplete P3
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

See: https://github.com/angular/components/issues/30254, it was present in 18 version.

### Description

Demo: https://github.com/lopatnov/autocomplete-issue

### Reproduction

StackBlitz link: I don't use StackBlitz, don't know how to upload demo here.
Steps to reproduce:
1. Open dialog with some elements, to have scroll in the dialog
2. Open Autocomplete items
3. Scroll down dialog scroll and you will see issue

### Expected Behavior

Options of Autocomplete should stay below autocomplete, as it was opened. They don't need to move with dialog scrollbar.

### Actual Behavior

When dialog scrollbar moves, then autocomplete options also moves.

### Environment

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

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par la reproduction liée à https://github.com/lopatnov/autocomplete-issue et reproduisez le problème en suivant les étapes indiquées pour la boîte de dialogue, l’autocomplétion et la barre de défilement. Suivez ensuite le comportement de la boîte de dialogue et de l’autocomplétion Angular Material lié au positionnement, puis vérifiez que le défilement de la boîte de dialogue laisse les options sous le déclencheur de l’autocomplétion.

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é
4/5
Temps estimé
3-5 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
35/100

Recevez les nouvelles issues par e-mail

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