javascript - Polymer 1.1 Paper-Header-Panel Breakage in Template -


with polymer 1.1, having 2 issues paper-header-panel

  1. i can't not content below panel show
  2. i can't height: 2000px; applied div 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

Popular posts from this blog

dns - How To Use Custom Nameserver On Free Cloudflare? -

python - Pygame screen.blit not working -

c# - Web API response xml language -