Accordion: contents of all groups briefly shown on page load/show

[jssebastian]

This behavior is visible on the examples web page using up-to-date versions of either chrome or firefox on linux:

http://angular-ui.github.com/bootstrap/#/accordion

The contents of all parts of the accordion briefly expand and are then collapsed.

Same behavior occurs in a test page where accordion is inside an ui-if directive: when the if is toggled the accordion shows up expanded and then collapses. This is particularly bothersome if the accordion has a lot of content, as the whole page below it scrolls down and then bounces back up.

[sudhakar]

This is probabaly because of https://github.com/angular-ui/bootstrap/blob/master/src/collapse/collapse.js#L61
Can you try commenting line 61 & check what happens?

[jssebastian]

Thanks for the reply. Commenting that line does eliminate the bouncing effect, but it messes up the layout. The top of the contents of a collapsed accordion remain visible. I am attaching a screenshot to clarify what I mean. In the screenshot, the "filter" div is inside the collapsed accordion and should not be visible.

[sudhakar]

Sorry I was wrong. As i understand, in collapse directive, during startup, accordian-group is set to full hight and then css3 transistions are applied to collapse it, which might be the cause for this bug.

@petebacondarwin any thoughts/pointers?

[pkozlowski-opensource]

Fixed in 9b06c30