New issue
Advanced search Search tips

Issue 850487 link

Starred by 4 users

Issue metadata

Status: Available
Owner: ----
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux
Pri: 3
Type: Bug



Sign in to add a comment

Repeating thead overlap tbody content in print

Reported by paul....@gmail.com, Jun 7 2018

Issue description

UserAgent: 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:
 
chrome-print-repeated-thead-no-overlap-correct (1).html
3.8 KB View Download
chrome-print-repeated-thead-overlap-with-body-incorrect (1).html
3.7 KB View Download
chrome-print-repeated-thead-overlap-with-body-incorrect.pdf
57.7 KB Download
Components: -Blink>Layout Internals>Printing Blink>Layout>Table
Labels: -Pri-2 Pri-3
Status: Available (was: Unconfirmed)
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.

Comment 3 by paul....@gmail.com, 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).
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)
report.html
23.7 KB View Download
Reports.pdf
83.0 KB Download

Sign in to add a comment