New York Times Cooking recipes print with error i.e., the "end of recipe bar" and "Private Note" heading over print wrapped text at the top of the second page of the recipe.
All New York Times Cooking recipes printed from Firefox 109.0 print with the error noted above (The "end of recipe bar" and "Private Note" heading, which usually print at the end of the recipe, over-print wrapped text at the top of the second page of the recipe obscuring underlying wrapped text.). This error had appeared occasionally in the past, but now is consistently present. I have refreshed my up to date version of Firefox and cleared old print settings. The error shows up on printing to two separate printers and it shows up when printing from a desk top and a lap top computer with synced Firefox, and from a separate lap top with Firefox that is not synced. The error DOES NOT show up on printing with either Chrome or Edge browsers.
NY Times Cooking customer Service has not received inquires about this error and suggested the error lay in a settings issue.
Have others reported this error?
All suggestions will be appreciated.
Thank you, Fred Pintz
Vsi odgovori (7)
Hi Fred, it looks like the problem is caused by a combination of columnnar layout (display: grid) and absolution positioning. If I remove the absolute positioning, then most of the first page is left blank -- which might be why they use it, I'm not sure -- but the note that should be at the end stays at the end. If I remove the multi-column layout, then the are above/below instead of left/right and it works. Neither of these is as nice as simply having it work as intended. I don't know whether this is a bug that's on file already (there are many print bugs in the backlog) or something new.
If you aren't using the private notes section, perhaps it would be simplest to hide it? The manual way to do it is:
(1) Call up the Style Editor tool in the tab by pressing Shift+F7
Firefox will display a list of style sheets and the contents of one of the sheets.
(2) Above the list of style sheets in the left column of the Style Editor, click the + button to create a new blank sheet
Firefox should place the cursor in the blank new style sheet in the right column of the editor.
(3) Type or paste a rule that hides the print-specific Notes section such as:
@media print {
div[class^="notessection"] {
display: none !important;
}
}
(4) Then close the developer tools panel using the little X at the upper right and print normally
You can use the Stylus add-on to inject this rule automatically on every visit to the site, but I'll spare you the steps to set that up unless you're interested.
By the way, I had to delete the paywall section of the page for testing, so it's possible that I'm not seeing the same layout you would see as a subscriber.
Spremenil jscher2000 - Support Volunteer
Thank you for the responses.
Dropa, I have a pdf of a recent recipe that demonstrates the problem I have run into; however, I have not found a way to paste a copy of the pdf to this reply. The "Add images" box does not appear to allow access to the pdf either.
jscher2000, I am able to access the HTML code of a recipe using the inspect option. Also, I see how to enter the Style Editor; however, I do not know how to find the elements of code that might be causing the problem, in addition, I am ignorant of how I might change the code, even if I were able to find it.
Fred Pintz
Hi Fred, unfortunately I can't explain in simple terms how to find the elements with the relevant style rules for you to play with in the Inspector. The first thing you need to do after opening the Inspector is turn on print emulation using the icon at the right side of the screen on the bar that starts with a filter box.
The layout of the page should flip to print view. Everything will look fine here, because Firefox isn't inserting a page break on screen and therefore doesn't need to calculate the positions of the different boxes.
On the left side of the Inspector, look for the <main> element and you can check the various elements below that until you find one with a position: absolute rule. If you uncheck the box for that rule and try to print, you'll see a big empty space on page 1, but the other problem should be fixed.
jscher2000 WOW - That worked on several NYT Cooking recipes!
I opened Firefox Inspector and chose both pick element and print emulator. I looked through <main>, expandedManual editing may become tedious. I see where to add a rule in Firefox Inspector, but I'm not clear on how to state a rule or how to format one. Also, I have even less of a clue about the Stylus add-on. Any assistance with these issues would be appreciated.
Finally, do you have any idea as to why the recipes print correctly in Chrome or Edge but not in Firefox? Thanks, Fred Pintz
I have just learned from NYTimes Cooking Customer Care that other Firefox users have reported the same print error that I reported.
I was wondering whether the Firefox Support Forum had received other requests for help related to this error and, if so, how I might access any additional discussions around the error.
Does the fact that other Firefox users who have printed recipes from NYTimes Cooking have reported the same print error that I have indicate that the error is in Firefox interpretation of the underlying HTML code, or is the error in Firefox settings, or something else?
Thank you, Fred Pintz
Dropa said
Are the link Login required or not? If not then showing links here would help so others to replicate the issue on their Firefox to see why the print option has issues as well.
There is a paywall. If you don't have a subscription, or an add-on to bypass the paywall, you need to go into the Page Inspector and remove the overlay and unlock scrolling on the page before proceeding with troubleshooting/analysis.
Here's an example: https://cooking.nytimes.com/recipes/1023888-roasted-cauliflower-with-crispy-parmesan
fpintz1 said
I have just learned from NYTimes Cooking Customer Care that other Firefox users have reported the same print error that I reported. I was wondering whether the Firefox Support Forum had received other requests for help related to this error and, if so, how I might access any additional discussions around the error.
I searched the past 6 months of posts and didn't see any others related to printing NYT recipes.
Does the fact that other Firefox users who have printed recipes from NYTimes Cooking have reported the same print error that I have indicate that the error is in Firefox interpretation of the underlying HTML code, or is the error in Firefox settings, or something else?
It is a bug in how Firefox lays out positioned content for printing (the positioning gets recalculated based on the added page breaks, and that doesn't seem to work correctly in this case).
jscher2000 Thank you for the information about contributor posts and the likely existence of a bug in Firefox. More information is always better than less. Fred Pintz