1632987 - Missing content when printing Code Academy Python cheatsheet

Status: RESOLVED DUPLICATE of bug 1417615

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

Description

[OSCrustacean]

Attachment: example_cheatsheet.pdf

User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:75.0) Gecko/20100101 Firefox/75.0

Steps to reproduce:

User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:75.0) Gecko/20100101 Firefox/75.0, although I verified across multiple platforms

Try to print a cheatsheet for on Codecademy (https://www.codecademy.com/learn/learn-python-3/modules/learn-python3-syntax/cheatsheet). Alternatively using the manual print page option leads to more or less the same result.

Actual results:

It tries to print all of the information in one page. I know this is a problem with the way Firefox interacts with the page because it is not replicated in Chromium based browsers and I have a successful print from 4/18/20, possibly before upgrading to version 75. The original Firefox print actually rendered better than Chromium based based browsers because it would bump information to the next page instead of splitting it.

Expected results:

All of the information on the page should be printed on separate pages instead of trying to squeeze it all into one and leaving out the majority of the information.

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

Bugbug thinks this bug should belong to this component, but please revert this change in case of error.

Comment 2

[Sean Voisen (:svoisen)]

Looking at the print styles, the majority of the content is wrapped in grid containers. Most of the content lies in a grid container with a single, very tall row. So, this is likely a dupe of bug 1417615.

Mats, can you verify please?

Comment 3

[Mats Palmgren (inactive)]

Yup, it's the same underlying bug.

Comment 4

[OSCrustacean]

Yeah, sounds like my problem with more eloquent and detailed wording. Can anyone explain why I was able to print this page on 4/18/20 but cannot get the same results now? Just wondering because it said the bug was filed 3 years ago.

Comment 5

[Mats Palmgren (inactive)]

I'm not aware of any recent change in Gecko that would explain that. Perhaps the page was redesigned after that date?

(BTW, the navigation bar at the top of the page also suffers from bug 1633045 if you scroll in Print Preview.)

Comment 6

[Sean Voisen (:svoisen)]

(In reply to thesolamnic from comment #4)

Yeah, sounds like my problem with more eloquent and detailed wording. Can anyone explain why I was able to print this page on 4/18/20 but cannot get the same results now? Just wondering because it said the bug was filed 3 years ago.

It's possible that Code Academy changed their site markup in the last couple of days? That's the most likely explanation. We basically have a bug in printing CSS grid elements if they are very tall. Perhaps they were not using grid elements this way on their print styles until a recent site change.

Comment 7

[OSCrustacean]

Ah, makes sense. I have tried to report it on their end too because I suspected that might be the case as well. Only reported here because it wasn't replicated on Chromium. I'll forward information about this bug to them if they ever get back to me so they can make their page more Firefox-friendly. Thanks for the explanation.

Comment 8

[Josh Goldberg]

changed their site markup in the last couple of days?

👋 Codecademy dev here - that's correct.