paper-header-panel icon indicating copy to clipboard operation
paper-header-panel copied to clipboard

Print view issue for #mainPanel in Chrome

Open cpboyd opened this issue 9 years ago • 2 comments

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.)

cpboyd avatar Jan 22 '16 17:01 cpboyd

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.

cpboyd avatar Jan 22 '16 19:01 cpboyd

I have seen this issue before.

blasten avatar Jan 28 '16 21:01 blasten