1267816 - Incorrect printing of a two-page-high flexbox with "justify-content: space-between"

Status: UNCONFIRMED

(Core :: Printing: Output, defect)

Description

[James Dietrich]

Attachment: reduced testcase

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:45.0) Gecko/20100101 Firefox/45.0
Build ID: 20160413013228

Steps to reproduce:

Steps to reproduce:
1. Open the attached file d.html in Firefox.
2. Then click Print Preview.

The file d.html contains a flexbox container div with a height of 18in. The flex-direction is "column" and justify-content is "space-between". This flex container contains two child/item divs.


Actual results:

Actual results:
In the browser window, the first child/item div appears at the top of the page, and the second child/item div appears way down at the bottom of the page. This is as expected.

In the Print Preview (Letter size paper, default margins), the container div extends nearly to the bottom of the second page, as can be seen by its 1-pixel green left border. And the first child/item div appears at the top of the container div. This is as expected. The second child/item div appears at the bottom of the first page.


Expected results:

Expected results:
The second child/item div should appear at the bottom of the container div, near the bottom of the second page, rather than appearing roughly in the middle of the container div at the bottom of the first page.

Viewing Print Preview in Chrome version 50 shows the second child/item div at the bottom of the container div near the bottom of the second page.

I will attach two PDF files, one showing the output produced by Firefox, and one showing the output produced by Chrome.

Please let me know if any further information would be helpful.

Thank you!
James Dietrich

Comment 1

[James Dietrich]

Attachment: d_Firefox.pdf

PDF produced by Firefox

Comment 2

[James Dietrich]

Attachment: d_Chrome.pdf

PDF produced by Chrome

Comment 3

[SD-chaos]

Attachment: Visualizes the bug with divs in Firefox (compared with Opera, Edge)

Comment 4

[SD-chaos]

Comment on attachment 8958562 [details]
Visualizes the bug with divs in Firefox (compared with Opera, Edge)

Same bug if you've got one page and Firefox should apply the wrap-reverse rule. The div 9 is positioned at the wrong side.