Stackoverflow cross post question 
<http://stackoverflow.com/questions/36783236/paper-drawer-panel-causes-y-scrollbar-not-to-scroll-to-the-bottom-of-viewport>

When I use paper-drawer-panel, the viewport is not correct. As shown in the 
first screen shot, the Y scroll bar is there as it should be....but the 
bottom of the viewport does not equal the end/bottom of the y scrollbar. In 
otherwards, there is still a portion of the content not showing that is 
hidden.

If I remove paper-drawer-panel, then everything is good and the Y scroll 
bar scrolls to the bottom of the viewport.

This is in index.html.

Anyway to fix this? I tried removing <div 
drawer><drawer-custom></drawer-custom></div> but it had no influence. 

Bad - with paper-drawer-panel:

<https://lh3.googleusercontent.com/-pgYppA7WZ2M/VxmBZGWEyMI/AAAAAAAAFK8/PeRTlAD5dNQoTJJwZ4Tj-uMgJgePCYc4wCLcB/s1600/pic1.jpg>

  <template is="dom-bind" id="app">
    <paper-drawer-panel force-narrow="true">
      <div drawer>
        <drawer-custom></drawer-custom>
      </div>
      <div main>
        <div id="header-v-center">
          <paper-icon-button id="paper-toggle" icon="menu" 
paper-drawer-toggle>
          </paper-icon-button>
          <div id="header-text-middle">SPICES OF THE WORLD</div>
          <div id="header-text-right">A SPECIAL EDITION! </div>
        </div>
        <div id="video-player-header" onclick="page('/home')" 
style="display: none">
          <div>
            <iron-icon icon="icons:arrow-back"></iron-icon>
          </div>
        </div>
        <video-selection></video-selection>
        <video-player></video-player>
      </div>
    </paper-drawer-panel>
  </template>

GOOD - without paper-drawer-panel:

<https://lh3.googleusercontent.com/-kxGioydqUuw/VxmB3jKqgSI/AAAAAAAAFLA/xLrZAqI14N8WYdguv0iRYnIbRmvNl6tngCLcB/s1600/pic2.jpg>



  <template is="dom-bind" id="app">
      <div main>
        <div id="header-v-center">
          <paper-icon-button id="paper-toggle" icon="menu" 
paper-drawer-toggle>
          </paper-icon-button>
          <div id="header-text-middle">SPICES OF THE WORLD</div>
          <div id="header-text-right">A SPECIAL EDITION! </div>
        </div>
        <div id="video-player-header" onclick="page('/home')" style="display
: none">
          <div>
            <iron-icon icon="icons:arrow-back"></iron-icon>
          </div>
        </div>
        <video-selection></video-selection>
        <video-player></video-player>
      </div>
  </template>

Follow Polymer on Google+: plus.google.com/107187849809354688692
--- 
You received this message because you are subscribed to the Google Groups 
"Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To view this discussion on the web visit 
https://groups.google.com/d/msgid/polymer-dev/ca8d9e70-7f67-41cb-b081-9c25df893806%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to