Open Bug 2038550 Opened 2 months ago Updated 1 month ago

Grid with `align-content: space-evenly` and `break-inside: avoid` item generates an extra column in multicol fragmentation

Categories

(Core :: Layout: Grid, defect)

defect

Tracking

()

People

(Reporter: hiro, Unassigned)

References

Details

Attachments

(1 file)

Attached file A simple test case

In short, this is a follow-up bug of bug 2014323.

A CSS grid inside a multicol container generates one extra grey column on Firefox compared to Chrome and Safari, when the grid uses align-content: space-evenly (or any value that creates a gap before the first row) and contains a break-inside: avoid item that spans multiple rows.

Attaching file is a simple test case where you can see the difference between Firefox and other browsers. The test case is a simplified test case in grid-fragmentation-006.html.

With D283622 (attached in bug 2014323), test cases having similar structures in grid-fragmentation-006.html fail. So I am going to split such test cases and marked as FAIL in bug 2014323.

Severity: -- → S3
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: