Accordian: isOpen fails to work with ngRepeat

[sudhakar]

By default I want the first accordian-group to be open when loaded initially. So for that I have set isOpen to true in first accordian like

<accordion-group heading="First Header" is-open="true">

Although this works fine for static content, but when I start adding dynamic content using ngRepeat, it fails.

  <accordion>
    <accordion-group heading="First Header" is-open="true">
      <div ng-repeat="item in items">{{item}}</div>
    </accordion-group>
    <accordion-group heading="Second Header">
      You can toggle to second group ofcourse..
    </accordion-group>
  </accordion>

Here's the plunker http://plnkr.co/edit/YcDRVJ?p=preview

[petebacondarwin]

Yes, this is a bug with the way that the collapse is handling its initial transition - it seems to be stuck at height: 19px rather than reverting to height: auto.

[johntom]

As a work-a-round put the is-open='true' on the last group

[sudhakar]

@johntom Doesnt seems to work for me. Here's plnkr http://plnkr.co/edit/D21gzT?p=preview

[johntom]

Ok, I looked at my example where I use jade and got it working, Idea is to have it fit in one line. Thus items 2 and 3 work with is open while 1 has problem.
http://plnkr.co/edit/5Zk5P7?p=preview

[smallg]

very useful