paper-header-panel
paper-header-panel copied to clipboard
Print view issue for #mainPanel in Chrome
I'm using paper-header-panel with a paper-drawer-panel. Print view in portrait results in a "collapsed" drawer in Chrome, but the content of mainPanel is hidden.
The only thing shown are the contents in the paper-header div.
I've noticed that if I remove the paper-drawer-panel, but leave the paper-header-panel inside a <div main=""> then the content disappears (regardless of print view or not).
In that specific case, I can change the min-height of #mainPanel to a non-zero value and get the content to show up.
However, if I leave it inside of the paper-drawer-panel, then changing the min-height to a pixel value still doesn't result in anything showing in the print view.
Presumably this is related to issue #62 and the flexbox.
Notably, Firefox does not exhibit the same behavior. (It even keeps the drawer of paper-drawer-panel open.)
Explicitly tagging the divs and marking the min-height of paper-drawer-panel seemed to resolve this issue:
<paper-header-panel>
<div class="paper-header">...</div>
<div class="content">...</div>
</paper-header-panel>
Leaving the issue open, as the documentation seems to indicate that the class="content" should be optional.
I have seen this issue before.