1869819 - Printing bug with NYT Cooking recipies, when ingredients list (a grid area) is taller than 1 page

Status: NEW

(Core :: Layout: Grid, defect)

Description

[Jim Mathies [:jimm]]

Attachment: Screenshot 2023-12-13 104358.png

STR:

1. Using a New York Times Cooking subscription (there may be freebie recipes as well), open a recipe that has a longer (two page) description and ingredient list.
2. Click the small 'printer' icon to print the recipe

Results: on some recipes, the top of the second page is garbled / overlapped. See screenshot. The printed output is the same.

Tested in Edge, could not reproduce.

Comment 1

[David Shin[:dshin]]

Attachment: Minimum Reproducible Case

Looking at a recipe, I think this is the reduced case.
Print preview of the given test case will have "Ingredient" items overlap with "Private Notes [...]," as well as "Step" items.

Comment 2

[Daniel Holbert [:dholbert]]

Looks like this is using CSS Grid for layout, so reclassifying to that component.

It looks like this is from the fragmentation-fallback codepath (which gets the overflowing ingredient list paint on the next page) being insufficiently able to "push the following content out of the way' in this case. (Here, the following content is the next grid row.)