When ngFor used within accordion body accordion does not resize appropriately.

Issue type

I’m submitting a … (check one with “x”)

• bug report
• feature request

Issue description

When ngFor is used within an accordion body, the body does not resize appropriately when toggled. The body only seems to resize to static content.

Steps to reproduce:

Related code:

<nb-accordion>
      <nb-accordion-item>
                <nb-accordion-item-body>
                          <div *ngFor="let q of questions">{{ q }}</div>
                 </nb-accordion-item-body>
      </nb-accordion-item>
</nb-accordion>

Angular, Nebular

Angular: 6.1.7
Nebular: 2.0.0-rc.10

[diegoalex]

Hi Guys, I did a workaround to fix my code until we have a new version released.

I’m using just this peace of scss in the component I have the accordion.

/deep/ nb-accordion-item.expanded nb-accordion-item-body { .ng-trigger-accordionItemBody { height: auto !important; } }

I hope it will help u guys too 😉

[MarcoFiusco]

@diegoalex Thank you for the solution!