polymer - paper-header-panel inside iron-pages shows no content -


i building spa polymer 1.0 app looks this:

<iron-pages attr-for-selected="data-page"             selected="{{page}}">   <div data-page="home">     <paper-header-panel mode="{{mainmode}}">       <profile-toolbar></profile-toolbar>       <div class="content">         <search-menu></search-menu>       </div>     </paper-header-panel>   </div>   <div data-page="search">     <paper-drawer-panel ...>       ...     </paper-drawer-panel>   </div> </iron-pages> 

<profile-toolbar> custom element contains <paper-toolbar>. if leave out <paper-header-panel> works, there's padding , scrolling doesn't work right. added <paper-header-panel>.

the second page contains <paper-header-panel> inside drawer , works correctly, can't make first page display if contains <paper-header-panel>. missing?

try adding following css class divs direct parents of paper-header-panels:

.content {     display: block;     position: absolute;     top: 0;     left: 0;     width: 100%;     height: 100%;     overflow: hidden;   } 

Comments

Popular posts from this blog

node.js - Using Node without global install -

How to access a php class file from PHPFox framework into javascript code written in simple HTML file? -

java - Null response to php query in android, even though php works properly -