title: How to use core-scroll-header-panel with core-animated-pages
body: <p>Following up from <a href="https://stackoverflow.com/questions/26824034/how-to-use-core-scroll-header-panel-with-core-list">How to use core-scroll-header-panel with core-list</a> I want place the <code>core-list</code> inside a <code>core-animated-pages</code></p>
  
  <p>I modified the <a href="http://jsbin.com/cahona/2/edit" rel="nofollow noreferrer">jsbin</a> that <a href="https://stackoverflow.com/users/385997/jeff-posnick">Jeff Posnick</a> provided in <a href="https://stackoverflow.com/questions/26824034/how-to-use-core-scroll-header-panel-with-core-list#comment42302854_26848705">his answer</a> to add the <code>core-animated-pages</code>. See <a href="http://jsbin.com/xibile/1" rel="nofollow noreferrer">http://jsbin.com/xibile/1</a></p>
  
  <p>Unfortunately, the <code>core-animated-pages</code> seems to ignore the size of it's children in determining it's own size. I can work around this by changing the overflow of <code>list-test</code> to <code>visible</code> instead of <code>hidden</code>. See <a href="http://jsbin.com/xibile/2" rel="nofollow noreferrer">http://jsbin.com/xibile/2</a> (note you need to resize the window before the list renders)</p>
  
  <p>This works reasonably OK but seems like a hack. Before I introduced the <code>core-animated-pages</code> the content div gracefully grew to accommodate the size of its child (list-test). Now it doesn't and I simply bust out of it via overflow</p>
  
  <p>How do I get <code>core-animated-pages</code> to size to the size of the currently selected child?</p>
  
  <p>This seems to have been <a href="https://stackoverflow.com/questions/24644993/handling-polymer-elements-with-different-heights-inside-core-pages">asked before</a> but there was no satisfactory answer. I'm hoping this has changed in the latest version of core elements</p>
  
  <p>Also if anyone knows how to fix it so that you don't have to resize the window to get the list to render that would be awesome too.</p>