Accordion and dynamic content

[renatotkr]

I have an accordion on my page and the body content is rendered dynamically via ajax when the user clicks on the accordion heading. The problem is that the height gets fixed when I first click on the heading. After the content loads, accordion does not resize properly . Is there a way to set the height to auto?

[AWolf81]

Please have a look at this SO question where I added an answer to the same issue a minute ago.

I don't know how to fix that with the latest version of ui.bootstrap, at the moment.

[AWolf81]

I think I've found the point why it is not working. ngAnmiate is required as dependency of your app as collapse directive needs it to work.

This commit has changed the animations and dynamic content behavior.

That point is not mentioned in the docs and should be added.

[Foxandxss]

No. ngAnimate was added lot ago (for a 0.13.x version).

You can use this library without ngAnimate, you just will lose the animation.

Do you have any plunker with the latest version where I Can see that problem you say? Thank you.

[AWolf81]

here is the plunkr from the mentioned SO question (it uses the latest version).

[Foxandxss]

I can see that. Thanks.

[icfantv]

I'm pretty sure this is related to #4561.

[Foxandxss]

100% related. Closing this.