W3C home > Mailing lists > Public > public-css-archive@w3.org > February 2019

[csswg-drafts] [css-grid] Distribute extra space into non-intrinsic tracks instead of going beyond growth limits (#3648)

From: Oriol Brufau via GitHub <sysbot+gh@w3.org>
Date: Tue, 12 Feb 2019 18:38:02 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-409443036-1549996680-sysbot+gh@w3.org>
Loirooriol has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-grid] Distribute extra space into non-intrinsic tracks instead of going beyond growth limits ==
From https://drafts.csswg.org/css-grid/#extra-space,

> 2. Distribute space to base sizes up to growth limits: Find the item-incurred increase for each spanned track with an affected size by: distributing the space equally among such tracks
> 3. Distribute space beyond growth limits: If space remains after all tracks are frozen, unfreeze and continue to distribute space

However, the item could be spanning a track without intrinsic sizes whose base size still hasn't reached its growth limit. Wouldn't it make more sense to increase the base size of such track before increasing intrinsic tracks beyond growth limits?

For example, https://jsfiddle.net/phrwn2cd/

```css
.grid {
  display: grid;
  grid-template-columns: minmax(0, 100px) minmax(auto, 100px);
  width: 0;
}
.item {
  grid-column: 1 / 3;
  width: 250px;
  height: 100px;
  background: cyan;
}
```

The columns are `0px 250px` but instead I would expect `100px 150px`, i.e.

> 2. Distribute space to affected base sizes up to growth limits
> 3. Distribute space to non-affected base sizes of spanned tracks up to growth limits
> 4. Distribute space beyond growth limits

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/3648 using your GitHub account
Received on Tuesday, 12 February 2019 18:38:03 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:41:43 UTC