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
:
<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
:
<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
Post a Comment