326899 - CSS3 columns (-moz-column-*) print incompletely

Status: NEW

(Core :: Layout, defect)

Description

[Robert Kaiser]

I've run into an interesting bug with the list linked in the URL field of this report:

This list is shown as a normal table on screen, but for printing (see print preview), I wanted it to take up less space and used 2 CSS3 columns on one page (I'm printing it in landscape mode). Interestingly, it doesn't print the full list, the last rows just aren't rendered for printing.

Steps to reproduce:
1) Display web page linked in URL field - http://arts.kairo.at/?d=x&i=karaoke&m=l&c=p&v=x
2) Scroll to the bottom and remember the last entry (or entries)
3) Fire up print preview
4) Scroll to the last page and look at the last displayed entry
5) Note that this entry is not the last of the full list

The main difference between screen and print display is this:

@media print {
 div.printlist { font-size: 2.5mm; }
 div.printlist { -moz-column-count: 2; -moz-column-gap: 10mm; }
}

div.printlist is a div that encloses the table with the song list.

If I may find time, I'll try to create a reduced testcase, but I thought it's more important to have the bug reported in case I don't come around to reduce that testcase.

Comment 1

[Robert Kaiser]

I've added a workaround that adds empty cells to that table if Gecko is detected. Use http://arts.kairo.at/?d=x&i=karaoke&m=l&c=p&f.g=cd&vr=w3c&v=x to see the version that still shows this bug clearly as before.

Comment 2

[chbok]

I often use stylish extension to optimize my printings. So with 2 columns actived, the tables inside some web pages are non full printed.
(Firefox 3.6 - Win XP)