1315994 - Layout with floated columns breaks when printing

Status: RESOLVED DUPLICATE of bug 1622935

(Core :: Printing: Output, defect, P3)

Description

[Patrick H. Lauke]

Attachment: Print output of the bootstrap page in Firefox

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.71 Safari/537.36

Steps to reproduce:

Bootstrap 4's grid system uses floated columns. Taking the page http://v4-alpha.getbootstrap.com/layout/grid/ as an example, the two column layout floats items left/right to also show a visual order that is different from the source order.

- open http://v4-alpha.getbootstrap.com/layout/grid/
- print or print preview


Actual results:

The first page appears correct. However, in subsequent pages the layout gets cut off, since the content in one of the columns has finished but the column's space isn't accounted for anymore.


Expected results:

Even though the content of the column has finished, I would expect the layout to still take the width/position of that column into account. Content should not be cut off in subsequent pages. (printing in Chrome, IE, Edge all works as expected)

Comment 1

[Patrick H. Lauke]

xref: https://github.com/twbs/bootstrap/issues/21092

Comment 2

[Patrick H. Lauke]

Attachment: Print output of the bootstrap page in Chrome

Comment 3

[Patrick H. Lauke]

Looking at the outputs there, a separate concern is why Firefox isn't triggering the print styles that would single-column the layout, as is the case in Chrome...

Comment 4

[Chris Rebert]

What paper size and margin settings did you use?

Comment 5

[Patrick H. Lauke]

A4 portrait...whatever the standard margin settings are (can't see anything specific in the settings)

Comment 6

[Sean Voisen (:svoisen)]

This looks to be due to bug 939897, not because of floated elements. The div with class "row" is a flex container.

Comment 7

[Ting-Yu Lin [:TYLin] (PST, UTC-8)]

Yes, the content is in a flex container. This is fixed by bug 1622935, and is available in Firefox 78.