Printing repeated table headers placed on wrong page if used with transform: scale(xx)
Reported by
estebanm...@gmx.ch,
May 3 2018
|
||||||
Issue descriptionUserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.117 Safari/537.36 Example URL: Steps to reproduce the problem: 1. Create a table with a thead part and a tbody part, where the tbody part should extend across multiple pages 2. set <table style="transform: scale(0.7); transform-origin: top left;"> 3. Open print preview What is the expected behavior? The repeated table header should display on the second page What went wrong? The repeated table header is displayed on the first page, placed between content rows. This even happens when the scaled table does not extend beyond one page, but the unscaled table would do so. This also happens when placing the unscaled table inside a scaled div. I guess the calculation is done before applying css transforms. Does it occur on multiple sites: Yes Is it a problem with a plugin? No Did this work before? N/A Does this work in other browsers? Yes Chrome version: 66.0.3359.117 Channel: stable OS Version: 10.0 Flash Version: It works correctly in IE / Edge (although they don't use the full page height with a scaled table, but at least the headers are placed correctly)
,
May 3 2018
related issue in Edge: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/17357360/
,
May 3 2018
this issue could be related: https://bugs.chromium.org/p/chromium/issues/detail?id=819254
,
May 3 2018
i don't think smilar issue for #819254
Example
thead {
display: table-row-group
}
fix my problem but don't effect scaling page.
Try this solutions reference with this SO questions : https://stackoverflow.com/questions/28757370/scale-html-table-before-printing-using-css
@media print {
body {transform: scale(.7);
transform-origin: top left;
}
table {page-break-inside: avoid;}
thead {
display: table-row-group
}
}
previev 2nd attached file.
,
May 3 2018
,
May 4 2018
,
May 4 2018
Thanks for filing the issue! Able to reproduce the issue on reported chrome version 66.0.3359.117 and on the latest canary 68.0.3418.0 using Windows 10 and Ubuntu 14.04. Note: The issue is not seen on Mac 10.13.1 As the issue is seen from M60(60.0.3112.0) considering it as Non-Regression and marking it as Untriaged. Hence removing Needs-bisect label. Attaching the screen cast from M60 for reference.
,
May 4 2018
,
May 4 2018
It's _probably_ a table layout bug. |
||||||
►
Sign in to add a comment |
||||||
Comment 1 by estebanm...@gmx.ch
, May 3 2018