polymer - paper-drawer-panel causes Y scrollbar not to scroll to the bottom of viewport -


when use paper-drawer-panel, viewport not correct. shown in first screen shot, y scroll bar there should be....but bottom of viewport not equal end/bottom of y scrollbar. in otherwards, there still portion of content not showing hidden.

if remove paper-drawer-panel, , y scroll bar scrolls bottom of viewport.

this in index.html.

bad - paper-drawer-panel:

paper-drawer-panel messes bottom of viewport

  <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 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:

no paper-drawer-panel...viewport bottom shown

  <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 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> 

without seeing live page, have height: 100%; content region when should height: calc(100% - xpx); x height of header.


Comments

Popular posts from this blog

html - Styling progress bar with inline style -

java - Oracle Sql developer error: could not install some modules -

How to use autoclose brackets in Jupyter notebook? -