Accordion while looping over an FormArray

angular / components

Component infrastructure and Material Design components for Angular

https://material.angular.io

MIT License

24.28k stars 6.71k forks source link

Accordion while looping over an FormArray #16723

Open martincarre opened 5 years ago

martincarre commented 5 years ago

Reproduction

Use StackBlitz to reproduce your issue: stackblitz.com/edit/angular-42gobh Steps to reproduce:

Just uncomment (if commented) the <div [formGroup]="i">

to make the browser totally crash

Expected Behavior

I was expecting to have a formGroup rendered for each form object in the FormArray.

Actual Behavior

I'm using *ngFor on an accordion and apparently by iterating on the values and calling inside the formGroup makes the whole browser crash.

Environment

Angular: 8.0.1
CDK/Material: ^8.0.1
Node: 12.6.0
Browser(s): Version 75.0.3770.142 (Official Build) (64-bit)
Operating System (e.g. Windows, macOS, Ubuntu): macOS 10.14.5 (18F132)

josephperrott commented 4 years ago

From doing an initial investigation it appears that the issue comes from something relating to the content projection into the expansion panel body. This will require additional investigation into if this is a bug or a limitation of the design.