When the sum of all track's flex factor is < 1, they don't exhaust the available space, which is used to stretch the 'auto' sized tracks.
When the sum of all track's flex factor is >= 1, they exhaust the available space, hence the 'stretch' alignment is not applied to the 'auto' sized tracks.
Harness status: OK
Found 2 tests
Result | Test Name | Message | ||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Fail | .grid 1 | assert_equals:
<div data-expected-height="300" class="grid fractionFlexTracks contentStretch" data-expected-width="200">
<div data-offset-y="0" data-expected-height="60" data-expected-width="150" data-offset-x="0" class="firstRowFirstColumn"></div>
<div data-offset-y="0" data-expected-height="60" data-expected-width="50" data-offset-x="150" class="firstRowSecondColumn"></div>
<div data-offset-y="60" data-expected-height="240" data-expected-width="150" data-offset-x="0" class="secondRowFirstColumn"></div>
<div data-offset-y="60" data-expected-height="240" data-expected-width="50" data-offset-x="150" class="secondRowSecondColumn"></div>
</div>
width expected 150 but got 200at assert_tolerance (https://test.csswg.org/resources/check-layout-th.js:24:9) at checkExpectedValues (https://test.csswg.org/resources/check-layout-th.js:72:9) at checkSubtreeExpectedValues (https://test.csswg.org/resources/check-layout-th.js:7:25) at https://test.csswg.org/resources/check-layout-th.js:9:26 at NodeList.forEach (<anonymous>) Asserts run
| ||||||||||||||
Fail | .grid 2 | assert_equals:
<div data-expected-height="300" class="grid flexTracks contentStretch" data-expected-width="200">
<div data-offset-y="0" data-expected-height="300" data-expected-width="0" data-offset-x="0" class="firstRowFirstColumn"></div>
<div data-offset-y="0" data-expected-height="300" data-expected-width="200" data-offset-x="0" class="firstRowSecondColumn"></div>
<div data-offset-y="300" data-expected-height="0" data-expected-width="0" data-offset-x="0" class="secondRowFirstColumn"></div>
<div data-offset-y="300" data-expected-height="0" data-expected-width="200" data-offset-x="0" class="secondRowSecondColumn"></div>
</div>
width expected 0 but got 200at assert_tolerance (https://test.csswg.org/resources/check-layout-th.js:24:9) at checkExpectedValues (https://test.csswg.org/resources/check-layout-th.js:72:9) at checkSubtreeExpectedValues (https://test.csswg.org/resources/check-layout-th.js:7:25) at https://test.csswg.org/resources/check-layout-th.js:9:26 at NodeList.forEach (<anonymous>) Asserts run
|