title: Handling polymer elements with different heights inside <core-pages>
body: <p>I have a <code>&lt;core-drawer-panel&gt;</code> and inside it is a <code>&lt;core-pages&gt;</code> element inside <code>&lt;core-header-panel main&gt;</code>.</p>
  
  <p><code>&lt;core-pages&gt;</code> contains a set of custom elements that I have defined and only one of those elements are shown at any point of time. However the problem is, there are elements that take only part of the screen but still scroll vertically. The amount of scrolling is equal to the tallest element within <code>&lt;core-pages&gt;</code>.</p>
  
  <p>The expected behavior is that the element should scroll only if it exceeds it's view port. How can I achieve this behavior?</p>
  
  <p><strong>demo-students.html</strong> (Stripped down version, to make it more readable)</p>
  
  <pre><code>&lt;polymer-element name="students-dashboard"&gt;
    &lt;template&gt;
      &lt;style&gt;
        …
      &lt;/style&gt;
  
      &lt;core-drawer-panel…&gt;
        &lt;core-header-panel drawer mode="seamed"&gt;
            …
        &lt;/core-header-panel&gt;
  
        &lt;core-header-panel main mode="seamed"&gt;
          &lt;core-toolbar …&gt;
            &lt;span flex&gt;Students&lt;/span&gt;
          &lt;/core-toolbar&gt;
  
          &lt;div class="content"&gt;
            &lt;core-pages selected={{getModule(route)}} valueattr="name"&gt;
              &lt;!--
                This needs to scroll and it does
              --&gt;
              &lt;students-grid name="students"&gt;&lt;/students-grid&gt;
  
              &lt;!--
                The content of this element is short,
                but still scrolls to the same extent as the
                &lt;students-grid&gt; element
              --&gt;
              &lt;student-editor name="student_editor"&gt;&lt;/students-editor&gt;
            &lt;/core-pages&gt;
          &lt;/div&gt;
        &lt;core-header-panel&gt;
      &lt;/core-drawer-panel&gt;
    &lt;/template&gt;
  
    &lt;script&gt;
      …
    &lt;/script&gt;
  &lt;/polymer-element&gt;
  </code></pre>