Closed Bug 1607954 Opened 6 months ago Closed 3 months ago

[css-grid-2] Investigate supporting Masonry layout in a grid container

Categories

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

enhancement

Tracking

()

RESOLVED FIXED
mozilla77
Tracking Status
firefox77 --- fixed

People

(Reporter: mats, Assigned: mats)

References

(Depends on 3 open bugs, Blocks 1 open bug)

Details

(Keywords: dev-doc-complete, Whiteboard: [layout:backlog:77], [wptsync upstream])

Attachments

(18 files, 1 obsolete file)

703 bytes, text/html
Details
846 bytes, text/html
Details
94.95 KB, video/ogg
Details
515.74 KB, video/ogg
Details
2.48 KB, text/html
Details
16.41 KB, image/png
Details
1.42 KB, text/html
Details
1.40 KB, text/html
Details
200.84 KB, video/webm
Details
165.54 KB, video/webm
Details
1.43 KB, text/html
Details
3.12 KB, text/html
Details
13.74 KB, image/png
Details
1.95 KB, text/html
Details
18.84 KB, image/png
Details
47 bytes, text/x-phabricator-request
Details | Review
47 bytes, text/x-phabricator-request
Details | Review
47 bytes, text/x-phabricator-request
Details | Review

It seems this is quite feasible to implement. I've posted some details at:
https://github.com/w3c/csswg-drafts/issues/4650

Blocks: 1607971
Whiteboard: [layout:backlog:2020q1]
Attached file Testcase: align-tracks multiple values (obsolete) —
Attachment #9127912 - Attachment is obsolete: true

This implements support for this CSS Masonry layout proposal:
https://github.com/w3c/csswg-drafts/issues/4650

It's enabled by default only in Nightly for now to gather feedback
and testing.

I've intentionally left out a shorthand (place-tracks?) for now until
we have a draft CSS spec for this.

Depends on: 1627581
Whiteboard: [layout:backlog:2020q1] → [layout:backlog:77]
Status: NEW → ASSIGNED
Depends on: 1632200
Depends on: 1633610
Attachment #9133701 - Attachment description: Bug 1607954 part 3 - [css-grid][css-align] Add tentative tests for Masonry layout. r=emilio → Bug 1607954 part 3 - [css-grid][css-align] Add tentative tests and update devtools support files for Masonry layout. r=emilio,dholbert
Pushed by mpalmgren@mozilla.com:
https://hg.mozilla.org/integration/autoland/rev/84708ff0ef43
part 1 - [css-grid][css-align] Implement style system support for Masonry layout.  r=emilio
https://hg.mozilla.org/integration/autoland/rev/3216ec9f1999
part 2 - [css-grid][css-align] Implement Masonry layout.  r=dholbert
https://hg.mozilla.org/integration/autoland/rev/84d37ea90966
part 3 - [css-grid][css-align] Add tentative tests and update devtools support files for Masonry layout.  r=dholbert
Created web-platform-tests PR https://github.com/web-platform-tests/wpt/pull/23286 for changes under testing/web-platform/tests
Whiteboard: [layout:backlog:77] → [layout:backlog:77], [wptsync upstream]
Upstream web-platform-tests status checks passed, PR will merge once commit reaches central.
Status: ASSIGNED → RESOLVED
Closed: 3 months ago
Resolution: --- → FIXED
Target Milestone: --- → mozilla77
Upstream PR merged by moz-wptsync-bot
You need to log in before you can comment on or make changes to this bug.