2008686 - CSS Grid renders corrupted layout with large number of grid items (breaks at ~10000 rows)

Status: RESOLVED DUPLICATE of bug 1752237

(Core :: Layout: Grid, defect)

Description

[Carles Pina i Estany]

Attachment: css-grid-corruption-10000-rows.html

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

Steps to reproduce:

1.- Open the attached HTML file in Firefox.
2.- The page contains a CSS Grid container with two columns (grid-template-columns: min-content auto) and 12000 child elements forming implicit rows.
3.- Scroll down until the number of logical rows reaches approximately 10,000

Actual results:

Layout becomes corrupted: text overlaps and characters are rendered in incorrect positions, making the content unreadable.

Expected results:

The CSS Grid layout should render correctly regardless of the number of grid items.

Comment 1

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

The Bugbug bot thinks this bug should belong to the 'Core::Layout: Grid' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 2

[Ting-Yu Lin [:TYLin] (PST, UTC-7)]

From the description and the testcase, this bug appears to be the same as bug 1752237. Marking it as a duplicate.