Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Accordion while looping over an FormArray #16723

Open
martincarre opened this issue Aug 8, 2019 · 1 comment
Open

Accordion while looping over an FormArray #16723

martincarre opened this issue Aug 8, 2019 · 1 comment
Labels
area: material/expansion forms This issue is related to Angular Forms integration needs investigation A member of the team needs to do further investigation to determine the root cause P4 A relatively minor issue that is not relevant to core functions

Comments

@martincarre
Copy link

Reproduction

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

  1. 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)
@mmalerba mmalerba added the needs triage This issue needs to be triaged by the team label May 20, 2020
@josephperrott josephperrott added area: material/expansion forms This issue is related to Angular Forms integration P4 A relatively minor issue that is not relevant to core functions needs investigation A member of the team needs to do further investigation to determine the root cause and removed needs triage This issue needs to be triaged by the team labels May 27, 2020
@josephperrott
Copy link
Member

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
area: material/expansion forms This issue is related to Angular Forms integration needs investigation A member of the team needs to do further investigation to determine the root cause P4 A relatively minor issue that is not relevant to core functions
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@josephperrott @mmalerba @martincarre