CSS grid elements doesn’t work correctly on multiple pages
If an element display in CSS grid overflows on multiple page, children are not broken correctly.
With a simple grid in two columns, the expected behavior is the following (as if we cut the element and is children (A & B) to make several pages)
The result in paged.js is as follow:
It seems that it is the first child (A) which is first rendered in the grid and then when iy has finished rendering, the second child (B) finally appears on the page. I think it's because Paged.js reads the DOM elements one by one to render them but doesn't take into account that the parent is displayed in CSS grid.
HTML example: issue-grid.html