Printing cut off when using bootstrap grid
Reported by
sethb...@gmail.com,
Jun 13 2017
|
|||||||||
Issue descriptionUserAgent: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:53.0) Gecko/20100101 Firefox/53.0 Steps to reproduce the problem: Bootstrap is a set of CSS that has a grid of floats and when you try to print a list of them in chrome it cuts the list off in the print preview and when printed. What is the expected behavior? Use any other browser to see correct results. What went wrong? Printing cuts off Did this work before? N/A Does this work in other browsers? Yes Chrome version: 58.0.3029.110 (Official Build) (64-bit) Channel: stable OS Version: 10.0 Flash Version: Shockwave Flash 25.0 r0
,
Jun 22 2017
Tested on Chrome Stable #59.0.3071.109, Canary #61.0.3137.0 on Windows 10 and able to reproduce the issue. Please find the screenshot for reference. This is a non-regression issue and able to reproduce from M-30 #30.0.1599.0.Marking it as untriaged so that issue gets addressed. Observations: 1. Able to reproduce this issue in Mac 10.12.5 and Ubuntu 14.04, whereas only 40% of the page is seen in the Print Preview. 2. Same behavior as Chrome is noticed on Internet Explorer 11, but in Firefox it seems to be good. Thanks in advance.
,
Jun 27 2017
,
Jun 30 2017
,
Jul 17 2017
I don't find any screenshot, but here are a couple of observations: First of all, when printing in Chrome, the "columns" are not laid out horizontally, but rather vertically, so each of them becomes a row inside the parent .row DIV. The CSS selectors that define the column (or rather floated) behavior lie inside a media query that requires the viewport or page box width to be at least 768px to have any effect. So the page box is not that wide when printing in Chrome, while it is in Firefox. Both browser-dependent and paper size dependent, I guess. This is not a bug. The style sheet needs to be fixed if you want columns even when the viewport/page box is narrower. A real bug, on the other hand, is that we generate too few pages, so that the second half of the document (or more) is missing. I guess this is caused by some sort of incomplete re-layout when the "columns" go from being floated in screen mode to being non-floated in print mode.
,
Jul 17 2017
,
Sep 4 2017
there's some more information and workarounds here https://stackoverflow.com/questions/40864766/printing-a-bootstrap-page-from-google-chrome-cause-sometimes-truncation-height
,
Sep 23 2017
,
Oct 19 2017
,
Oct 19 2017
,
Dec 11 2017
,
Dec 12
This issue has been Available for over a year. If it's no longer important or seems unlikely to be fixed, please consider closing it out. If it is important, please re-triage the issue. Sorry for the inconvenience if the bug really should have been left as Available. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Dec 12
Works fine in 72.0.3626.14 |
|||||||||
►
Sign in to add a comment |
|||||||||
Comment 1 by ranjitkan@chromium.org
, Jun 19 2017