{"action":"created","issue":{"url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/339","labels_url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/339/labels{/name}","comments_url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/339/comments","events_url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/339/events","html_url":"https://github.com/react-bootstrap/react-bootstrap/issues/339","id":55028898,"number":339,"title":"Accordion not working in TabbedArea","user":{"login":"mcoetzee","id":747979,"avatar_url":"https://avatars.githubusercontent.com/u/747979?v=3","gravatar_id":"","url":"https://api.github.com/users/mcoetzee","html_url":"https://github.com/mcoetzee","followers_url":"https://api.github.com/users/mcoetzee/followers","following_url":"https://api.github.com/users/mcoetzee/following{/other_user}","gists_url":"https://api.github.com/users/mcoetzee/gists{/gist_id}","starred_url":"https://api.github.com/users/mcoetzee/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mcoetzee/subscriptions","organizations_url":"https://api.github.com/users/mcoetzee/orgs","repos_url":"https://api.github.com/users/mcoetzee/repos","events_url":"https://api.github.com/users/mcoetzee/events{/privacy}","received_events_url":"https://api.github.com/users/mcoetzee/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/labels/bug","name":"bug","color":"fc2929"},{"url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/labels/help%20wanted","name":"help wanted","color":"bfe5bf"}],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":4,"created_at":"2015-01-21T14:57:00Z","updated_at":"2015-08-13T03:58:06Z","closed_at":"2015-08-13T03:58:06Z","body":"Hi there, thanks for the great work. There is an issue when you have a TabbedArea with an Accordion in a TabPane that isn't initially shown. The Accordion's default Panel (set by 'defaultActiveKey') doesn't display properly. A closer inspection shows that its height remains at '0px'. If the Accordion is placed in the TabbedArea's default TabPane (set by 'defaultActiveKey'), then it works as expected.\r\n\r\nHere's an example that is not working:\r\n\r\n```\r\n   <TabbedArea defaultActiveKey='1'>\r\n           <TabPane eventKey='1' tab=\"Hello\">Hello World</TabPane>\r\n           <TabPane eventKey='2' tab=\"Accordion\">\r\n             <Accordion defaultActiveKey='1a'>\r\n               <Panel header=\"Option 1a\" eventKey='1a'><p>Option 1a Accordion</p></Panel>\r\n               <Panel header=\"Option 1b\" eventKey='1b'><p>Option 1b Accordion</p></Panel>\r\n             </Accordion>\r\n          </TabPane>\r\n  </TabbedArea>\r\n```"},"comment":{"url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/comments/130523220","html_url":"https://github.com/react-bootstrap/react-bootstrap/issues/339#issuecomment-130523220","issue_url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/339","id":130523220,"user":{"login":"taion","id":3112159,"avatar_url":"https://avatars.githubusercontent.com/u/3112159?v=3","gravatar_id":"","url":"https://api.github.com/users/taion","html_url":"https://github.com/taion","followers_url":"https://api.github.com/users/taion/followers","following_url":"https://api.github.com/users/taion/following{/other_user}","gists_url":"https://api.github.com/users/taion/gists{/gist_id}","starred_url":"https://api.github.com/users/taion/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/taion/subscriptions","organizations_url":"https://api.github.com/users/taion/orgs","repos_url":"https://api.github.com/users/taion/repos","events_url":"https://api.github.com/users/taion/events{/privacy}","received_events_url":"https://api.github.com/users/taion/received_events","type":"User","site_admin":false},"created_at":"2015-08-13T03:58:06Z","updated_at":"2015-08-13T03:58:06Z","body":"This was actually fixed at some point with one of the challenges to collapsible height calculations."}}