Repeating thead overlap tbody content in print
Reported by
paul....@gmail.com,
Jun 7 2018
|
||
Issue descriptionUserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Ubuntu Chromium/67.0.3396.62 Chrome/67.0.3396.62 Safari/537.36 Steps to reproduce the problem: 1. Open attached html file 2. Open Print preview 3. Scroll to page 2 What is the expected behavior? No overlap of thead and tbody What went wrong? on second and third page the content of tbody overlaps with the text from thead (column 1 and 2) Did this work before? N/A Does this work in other browsers? Yes Chrome version: 67.0.3396.62 Channel: n/a OS Version: Flash Version:
,
Jun 7 2018
I see the overlap with Letter size paper but only in portrait orientation, not landscape. 67.0.3396.79 on Linux. We can probably reproduce this with https://www.w3.org/TR/css3-page/ or https://www.w3.org/TR/css-break-3/ without needing to check print preview. Paul, thanks for reporting with such a good reduced test case (difference between correct and incorrect is that incorrect has slightly less text). Barring external contributions to the open source layout engine (which we do get from time to time), we probably won't get to this anytime soon. I.e. _minimum_ time until a fix hits the stable channel is probably end of 2018. So you're probably best served by investing in determining a css workaround for your use case. And if you do find one, mention it here, which could help us find the root cause.
,
Jun 7 2018
I forgot to mention: It seems that columns with different content/size causes this issue. In the correct test case all columns have the same content (size).
,
Nov 29
UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.110 Safari/537.36
OS: Windows 10
I have almost the same problem. My finding could help resolve the problem.
I think there is the problem with a line which have rowspan and part of data are multiline (rowspanned) and part not.
Steps to reproduce the problem:
1. Open attached html file
2. Open Print preview
3. Set format: A4,
margins:
top 25mm,
right: 15mm,
bottom 25mm,
left: 15mm,
landscape orientation
4. Scroll to page 2 (problem)
5. Scroll to page 4 (css workaround)
|
||
►
Sign in to add a comment |
||
Comment 1 by paul....@gmail.com
, Jun 7 2018