<!DOCTYPE HTML> <script src="resources/text-based-repaint.js"></script> <script> function repaintTest() { document.getElementById('container').style.justifyContent = 'stretch'; } onload = runRepaintTest; </script> <style> body { margin: 0; } #container { display: grid; grid-auto-columns: auto; grid-auto-rows: 200px; grid-auto-flow: column; justify-content: space-around; width: 300px; height: 200px; background-color: red; } .item { background-color: green; } </style> <p style="height: 20px">Tests invalidation on justify-content style change (distribution). Passes if there is no red.</p> <div id="container"> <div class="item"> <div style="width: 50px"></div> </div> <div class="item"> <div style="width: 50px"></div> </div> <div class="item"> <div style="width: 50px"></div> </div> </div>