<!DOCTYPE html>
<html>
<head>
<title>Test using a large grid gap and auto width and out of flow children.</title>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script src="resources/grid-definitions-parsing-utils.js"></script>
<style>
#grid {
display: grid;
grid-template-columns: auto auto;
border-left-width: 100000000px;
grid-gap: 100000000px;
min-width: 100000000px;
position: relative;
}
#grid > div {
position: absolute;
}
</style>
</head>
<body>
<div id="grid">
<div style="grid-column: 1 / 2;"></div>
<div style="grid-column: 2;"></div>
</div>
<script>
test(function () {
testGridPositionDefinitionsValues(document.getElementById("grid"), "auto", "auto", "auto", "auto");
}, "Tests that setting grid gap to a huge value is properly clamped and does not make the renderer crash.");
</script>
</body>
</html>