Re: [csswg-drafts] [css-grid-3][masonry] Reordering threshold (#9328)

@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