Closed Bug 1315994 Opened 8 years ago Closed 4 years ago

Layout with floated columns breaks when printing

Categories

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

49 Branch
defect

Tracking

()

RESOLVED DUPLICATE of bug 1622935

People

(Reporter: redux, Unassigned)

References

(Depends on 1 open bug, Blocks 1 open bug, )

Details

Attachments

(2 files)

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)
Status: UNCONFIRMED → NEW
Component: Untriaged → Printing: Output
Ever confirmed: true
Product: Firefox → Core
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...
Blocks: 1230801
What paper size and margin settings did you use?
A4 portrait...whatever the standard margin settings are (can't see anything specific in the settings)

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

Depends on: 939897
Priority: -- → P3

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

Status: NEW → RESOLVED
Closed: 4 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.