This test checks that changing the min|max-content contributions of grid items properly recomputes both track sizes and grid positions in grids with auto repeat tracks. PASS FAIL: Expected 10 for width, but got 20. Expected 30 for offsetLeft, but got 40. Expected 30 for width, but got 40. <div id="grid1" class="grid min-content" style="grid-template-rows: none; grid-template-columns: repeat(auto-fill, 20px) minmax(min-content, 40px);"> <div id="item" style="grid-column: 1 / -1; background: cyan; width: 15px; height: 30px;" data-expected-width="15" data-expected-height="30" data-offset-x="0" data-offset-y="10"></div> <div id="a1" class="abs" style="grid-column: 1 / 2; background: purple;" data-expected-width="20" data-expected-height="5" data-offset-x="0" data-offset-y="0"></div> <div id="a2" class="abs" style="grid-column: 2 / 3; background: orange;" data-expected-width="10" data-expected-height="5" data-offset-x="20" data-offset-y="0"></div> <div id="a3" class="abs" style="grid-column: 3 / 4; background: yellow;" data-expected-width="0" data-expected-height="5" data-offset-x="30" data-offset-y="0"></div> <div id="a4" class="abs" style="grid-column: 4 / 5; background: magenta;" data-expected-width="30" data-expected-height="5" data-offset-x="0" data-offset-y="0"></div> </div> PASS PASS PASS PASS PASS PASS FAIL: Expected 40 for width, but got 20. Expected 0 for width, but got 20. Expected 60 for offsetLeft, but got 40. Expected 60 for width, but got 40. Expected 0 for offsetLeft, but got 60. <div id="grid1" class="grid max-content" style="grid-template-rows: none; grid-template-columns: repeat(auto-fill, 20px) minmax(min-content, 40px);"> <div id="item" style="grid-column: 1 / -1; background: cyan; width: 15px; height: 30px;" data-expected-width="15" data-expected-height="30" data-offset-x="0" data-offset-y="10"></div> <div id="a1" class="abs" style="grid-column: 1 / 2; background: purple;" data-expected-width="20" data-expected-height="5" data-offset-x="0" data-offset-y="0"></div> <div id="a2" class="abs" style="grid-column: 2 / 3; background: orange;" data-expected-width="40" data-expected-height="5" data-offset-x="20" data-offset-y="0"></div> <div id="a3" class="abs" style="grid-column: 3 / 4; background: yellow;" data-expected-width="0" data-expected-height="5" data-offset-x="60" data-offset-y="0"></div> <div id="a4" class="abs" style="grid-column: 4 / 5; background: magenta;" data-expected-width="60" data-expected-height="5" data-offset-x="0" data-offset-y="0"></div> </div> FAIL: Expected 40 for width, but got 20. Expected 0 for width, but got 40. Expected 80 for offsetLeft, but got 60. <div id="grid1" class="grid max-content" style="grid-template-rows: none; grid-template-columns: repeat(auto-fill, 20px) minmax(min-content, 40px);"> <div id="item" style="grid-column: 1 / -1; background: cyan; width: 80px; height: 30px;" data-expected-width="80" data-expected-height="30" data-offset-x="0" data-offset-y="10"></div> <div id="a1" class="abs" style="grid-column: 1 / 2; background: purple;" data-expected-width="20" data-expected-height="5" data-offset-x="0" data-offset-y="0"></div> <div id="a2" class="abs" style="grid-column: 2 / 3; background: orange;" data-expected-width="20" data-expected-height="5" data-offset-x="20" data-offset-y="0"></div> <div id="a3" class="abs" style="grid-column: 3 / 4; background: yellow;" data-expected-width="40" data-expected-height="5" data-offset-x="40" data-offset-y="0"></div> <div id="a4" class="abs" style="grid-column: 4 / 5; background: magenta;" data-expected-width="0" data-expected-height="5" data-offset-x="80" data-offset-y="0"></div> </div> PASS