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