1288734 - Google Maps printouts do not print all pages/directions. First and last page blank.

Status: VERIFIED FIXED

(Web Compatibility :: Site Reports, defect)

Description

[jtgoen]

Attachment: abq-to-telluride.pdf

User Agent: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:49.0) Gecko/20100101 Firefox/49.0
Build ID: 20160722004032

Steps to reproduce:

1. Plot route in Maps from Albuquerque, NM to Telluride, CO
2. Choose the route via US 550 North.
2. Attempt to print directions.
3. View directions in PDF.


Actual results:

Directions page was malformed, with first and third page being nearly blank, and the page with information on it was cropped to be unusable. See attached PDF.


Expected results:

Document should have two pages of directions with no blank pages.

Comment 1

[Alice0775 White]

Attachment: (html for the record)

Comment 2

[Alice0775 White]

seems Bug 534182

Comment 3

[what2use]

I am having this same problem with firefox 47.0.1

Printing any google map directions results in first and last page blank.  This only occurs in Firefox.
Tried IE11 and google map directions print properly

Comment 5

[Daniel Holbert [:dholbert]]

This is a version of bug 939897 (as noted in bug 939897 comment 7).  Google Maps printed directions are contained within a wrapper-element (with class="widget-pane-section-listbox-root") that is a column-oriented flex container:
>.widget-pane-section-listbox-root {
>	display:flex;
>	flex-direction:column;
>	height:100%
>}

Comment 6

[Jet Villegas (inactive)]

Assigning per dholbert, this is a flexbox fragmentation bug.

Comment 8

[Daniel Holbert [:dholbert]]

We should absolutely fix this (via bug 939897), but it's complex to fix correctly/comprehensively, so in the interests of giving our users a better experience in the very-near term, we should reach out to Google Maps to see if they can avoid triggering this bug for our mutual users.

(As it happens, the code that they added which triggers this bug seems to be completely unnecessary, as far as I can tell, and can be removed without any side effects [besides this bug going away]. See https://github.com/webcompat/web-bugs/issues/3727 for more details -- I filed that to cover webcompat outreach.)

Comment 9

[Daniel Holbert [:dholbert]]

(Note that the classname for the problematic styles here -- quoted in comment 5 -- has changed slightly. It's no longer "widget-pane-section-listbox-root" -- now the relevant styles are:
> .section-listbox-root{display:flex;flex-direction:column;height:100%}

Comment 10

[Karl Dubost💡 :karlcow]

This seems to be fixed.

Comment 11

[what2use]

Tested with Firefox 50.1.0 and the issue appears to have been fixed

Comment 12

[Daniel Holbert [:dholbert]]

Yeah, Google seems to have added the following CSS rule, which overrides the CSS mentioned in comment 9:
> .print-mode .section-listbox-root {
> 	display:block;
> 	height:auto
> }

That avoids the problem here. Hooray!

Comment 13

[Daniel Holbert [:dholbert]]

Reclassifiying as Tech Evangelism, since this was fixed in Google Maps' code, rather than in Firefox's code.

(There is a Firefox fix that still needs to happen to avoid this problem generally, but that's tracked in bug 939897.)