Collapse sets wrong height on accordion

[mikehaertl]

I use collapse() on a set of 12 accordion-group items, each with different heights. I didn't add in to any accordion-body. I see that collapse adds height:418px to the accordion container. This is way it cuts of several elements on the bottom. I tried to debug but could not really figure, why this height is set at all.

[mikehaertl]

My workaround now was this: $('#accordion').collapse().height('auto');

[meshy]

Seems related to #2274 and #2497.

[mikehaertl]

Not sure if it's related. My content is not dynamic. It only has quite some different length in each group.

[meshy]

Sorry, my mistake.

[fat]

could you create a jsfiddle? thanks!

[thomalexandre]

I have an accordion, and while it is expanded, I populate the content with js. Unfortunately the content doesn't resize automatically. Is there a way to force the resize of the content.
If I collapse and expand again the block it is fine of course but I would like to have it automated.

[thomalexandre]

I found a workaround which works, and resize properly the height of the content
When I finish to populate the content of my block, I add this code

if($("#block").hasClass("in"))
$("#block").css('height', 'auto');

[mikehaertl]

It seems this issue is gone in 2.0.2. I could only reproduce it in 2.0.1.

[fat]

oh great - closing then, thanks!

[jameskleeh]

I'm having this issue with 2.0.2!

[petelopez]

Same here, having this issue as of right now in 2.0.3. There is a fix from philBrown over at Issue #2131.

[BenjiZombie]

Using 2.0.3 with dynamic content.

I found the problem. There are 2 calls to the member function 'transition' in the code.

In function 'show', it (line #69) should be like:
this.transition('addClass', $.Event('show'), $.Event('shown'))

In function 'hide', it (line #78) should be like:
this.transition('removeClass', $.Event('hide'), $.Event('hidden'))

Finally, in the 'transition' function, line #98 should be like:
if (startEvent.type == 'show') that.reset()

BenjiZombie

[BrandonCopley]

I am having this issue as well, adding .height('auto') fixed this for me. I am on 2.2.2

[aroc]

The .height('auto') works me as well.