bug(ResizeObserver): Mat-Tab vs Mat-label cause ResizeObserver loop completed with undelivered notifications
- 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
Mat-Tab vs Mat-label cause ResizeObserver loop completed with undelivered notifications
### Reproduction
StackBlitz link: https://stackblitz.com/edit/mi1wyz?file=src%2Fexample%2Fsidenav-drawer-overview-example.html,src%2Fexample%2Fsidenav-drawer-overview-example.css,src%2Fexample%2Fsidenav-drawer-overview-example.ts,src%2Findex.html
Steps to reproduce:
1. click `Tab2`
2. Add breakpoints in `vendor.js:22456 loopLimitExceededErrorHandler`
3. click `toggle sidenav` button multiple times.
Will receive the error
```
ResizeObserver loop completed with undelivered notifications
```
### Expected Behavior
No resizeobserver error
### Actual Behavior
Will receive the error
```
ResizeObserver loop completed with undelivered notifications
```
### Environment
Angular CLI: 17.0.0
Node: 18.18.0
Package Manager: yarn 1.22.19
OS: linux x64
Angular: 17.0.0
... animations, cli, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router
Package Version
------------------------------------------------------------
@angular-devkit/architect 0.1700.0
@angular-devkit/build-angular 17.0.0
@angular-devkit/core 17.0.0
@angular-devkit/schematics 17.0.0
@angular/cdk 17.0.5
@angular/localize 17.0.8
@angular/material 17.0.5
@angular/material-moment-adapter 17.0.5
@schematics/angular 17.0.0
rxjs 7.4.0
typescript 5.2.2
zone.js 0.14.0
Guide de contribution
Ouvrir le guide de contribution
Piste de recherche
Commencez par le StackBlitz lié et les fichiers d’exemple HTML, CSS, TypeScript et index.html qui y sont répertoriés. Reproduisez la séquence consistant à sélectionner Tab2 et à basculer plusieurs fois la sidenav tout en observant vendor.js:22456 loopLimitExceededErrorHandler. C’est terminé lorsque la reproduction ne signale plus « ResizeObserver loop completed with undelivered notifications. ».
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