feat(cdk/scrolling): Add support for nested for loop
Open
area: cdk/scrolling
feature
P4
- Dominant language
- TypeScript
- Stars
- 25k
- Forks
- 6.8k
- Avg merge
- 1d 8h
- Merged PRs (30d)
- 91
Description
### Feature Description
The Angular Material cdk-virtual-scroll-viewport property is not working correctly for nested *ngFor. The viewport is split into two and the scroll does not work as expected. Please assist in listing in viewport with parent and child.
### Use Case
```
{{ parent.name }}
{{ child.name }}
```
Contributor guide
Research direction
Start at the cdk-virtual-scroll-viewport entry point and reproduce the nested *ngFor example from the issue. Investigate why the viewport is split and scrolling fails, then verify that parent and child items render together and scroll as expected.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- angular, typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100