bug(ResizeObserver): Mat-Tab vs Mat-label cause ResizeObserver loop completed with undelivered notifications
- Ngôn ngữ chính
- TypeScript
- Star
- 25k
- Fork
- 6.8k
- Merge trung bình
- 1 ngày 8 giờ
- Pull request đã merge (30 ngày)
- 91
Mô tả
### 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
Hướng dẫn đóng góp
Hướng nghiên cứu
Bắt đầu với StackBlitz được liên kết và các tệp ví dụ HTML, CSS, TypeScript và index.html được liệt kê trong đó. Tái hiện chuỗi thao tác chọn Tab2 và liên tục bật tắt sidenav trong khi quan sát vendor.js:22456 loopLimitExceededErrorHandler. Được coi là hoàn tất khi bản tái hiện không còn báo cáo “ResizeObserver loop completed with undelivered notifications.”
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- angular, typescript
- Lĩnh vực
- frontend
- Loại issue
- Lỗi
- Độ khó
- 4/5
- Thời gian dự kiến
- 3-5 ngày
- Mức độ hoạt động
- Đình trệ
- Độ rõ ràng
- Khá rõ ràng
- Mức phù hợp với người mới
- 35/100