- From: Oriol Brufau via GitHub <sysbot+gh@w3.org>
- Date: Fri, 26 Apr 2024 19:28:07 +0000
- To: public-css-archive@w3.org
@tabatkins From https://drafts.csswg.org/css-grid-3/#masonry-layout-algorithm > Items are placed in [order-modified document order](https://drafts.csswg.org/css-display-4/#order-modified-document-order), but items with a definite placement are placed before items with an indefinite position (as in regular grid layout). So I think the outcomes would be different? Though with `masonry-auto-flow: next` Firefox behaves as your depiction of "Oriol, ∞ threshold" indeed: ```html <style> .grid { display: inline-grid; grid: masonry / repeat(5, 2ch); masonry-auto-flow: next; border: 1px solid; } item { border: 1px solid; } item:nth-child(2) { grid-column: 4; } </style> <div class="grid"> <item>1</item><item>2</item><item>3</item><item>4</item><item>5</item> <item>6</item><item>7</item><item>8</item><item>9</item><item>10</item> </div> ``` | Firefox | WebKit | | - | - | | ![](https://github.com/w3c/csswg-drafts/assets/7477678/7c56dbdb-a0e4-41d7-a7d6-984c794fc9c4) | ![](https://github.com/w3c/csswg-drafts/assets/7477678/4f3c0ce1-0f17-4467-9e4d-da9cbdd18492) | Anyways I don't have a strong opinion about explicitly placed items. -- GitHub Notification of comment by Loirooriol Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/9328#issuecomment-2080002370 using your GitHub account -- Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Friday, 26 April 2024 19:28:08 UTC