539339 - Printing websites with multiple divs cause ill printing issues

Status: NEW

(Toolkit :: Printing, defect)

Description

[Marcia Knous [:marcia]]

For some sites on windows with heavy div tables, printing them causes very poor formating and layouts.   This seems to happen on both 1.9.1 and 1.9.2 branches.   Alternately, printing on Mac seems to format just fine.

REpro:
1) goto 1.9.1 or 1.9.2 build on Windows
2) open www.cnbc.com
3) Print preview, or Print the entire front page
4) Verify div alignment is incorrect, extra white pages are printed, and ads are misplaced.

Expected:
- printing of the div tables align correctly as expected a printed page would look.

Comment 1

[Marcia Knous [:marcia]]

adding tchung since he filed the bug.

Comment 2

[Daniel Holbert [:dholbert]]

Does this affect trunk? If so, the branch field should be Trunk, not 1.9.1.

Comment 3

[Mats Palmgren (inactive)]

I see a few blank pages and content is missing in Print Preview (Nightly Linux).
A small standalone testcase would be nice.

Comment 4

[Kanchan Kumari QA]

Attachment: Test Case.zip

Issue is still reproducible in the latest version of Firefox (44.0.2). The same printing works absolutely fine in other browsers like Google Chrome. 

I tried on:

Name 	Firefox
Version 	44.0.2
Build ID 	20160210153822
Update Channel 	release
User Agent 	Mozilla/5.0 (Windows NT 10.0; WOW64; rv:44.0) Gecko/20100101 Firefox/44.0

Please find attached the reduced test case. ~7500 lines of HTML code from www.cnbc.com has been reduced to ~140 lines of code. It can be further reduced by about 50-60 lines if you try to duplicate the problem using "LANDSCAPE" orientation in print preview/printing. But I have left 10 list items (li html tag) deliberately so that problem can be reproduced in both "PORTRAIT" and "LANDSCAPE" orientations. If you delete 9 of the 10 list items at the bottom in the attached html file, the problem can still be seen in landscape but not in portrait printing.