Open Bug 1796611 Opened 8 months ago Updated 7 months ago

masonry: Last line of items right aligned, should probably be left

Categories

(Core :: Layout: Grid, defect, P3)

Product:
Core
Component:
Layout: Grid
Version:
Firefox 105
Type:
defect

Tracking

()

Status:
UNCONFIRMED

People

(Reporter: dogatmidnight, Unassigned)

References

(Blocks 1 open bug)

Details

Attachments

(1 file)

Sample HTML document
2.34 KB, text/html
Details
Attached file Sample HTML document —

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:105.0) Gecko/20100101 Firefox/105.0

Steps to reproduce:

Sample HTML document referring 10 nearly identically sized images to be laid out in a 4 column grid with row templates set to masonry.

Actual results:

Last two items are right aligned in the third row.

Expected results:

Would expect the two items in the last row to be left aligned.

Maybe wrong expectation?

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

Component: Untriaged → DOM: Core & HTML
Product: Firefox → Core
Component: DOM: Core & HTML → Layout

They're nearly-identical but not identical, the height of the two ones at the top left is a bit bigger... I think this might not be a bug.

Blocks: masonry
Severity: -- → S3
Component: Layout → Layout: Grid
Priority: -- → P3

When I manually set the height of the first image to 217px, the last two are moved to the right. I have no idea if that is or is not expected behavior. I'd have thought that the last row would be filled from the left, though.

You need to log in before you can comment on or make changes to this bug.