javascript - Polymer 1.1 Paper-Header-Panel Breakage in Template -
with polymer 1.1, having 2 issues paper-header-panel
- i can't not content below panel show
- i can't
height: 2000px;
applieddiv
can have scrolling bar have waterfall effect.
i using https://github.com/polymerelements/paper-header-panel/blob/master/demo/index.html example go by.
after doing trouble shooting div id="maincontainer"
0 height. if remove flex class, height applied. breaks scrolling waterfall effect.
<dom-module id="custom-paper-header-panel"> <template> <style> #foobar { height: 2000px; } </style> <paper-header-panel mode="waterfall-tall"> <paper-toolbar> <div class='title'></div> <paper-tabs> <paper-tab> <div>contact</div> </paper-tab> </paper-tabs> <div class='title bottom'> <h1 id="name-title">foo</h1> </div> </paper-toolbar> <div id="foobar"> <h2>this isn't being shown</h2> </div> </paper-header-panel> </template> <script> polymer({ is: "custom-paper-header-panel" }); </script> </dom-module>
your element looks fine. issue caused custom-paper-header-panel
element defined on page not having height
applied it.
try making fit
.
<custom-paper-header-panel class="fit"></custom-paper-header-panel>
see plunker working sample.
Comments
Post a Comment