<!DOCTYPE html>
<style>
html {
overflow-x: scroll;
}
.grid {
display: grid;
overflow-y: scroll;
overflow-x: scroll;
}
.widthSmallerThanScroll {
width : 5px;
}
.widthSmallerThanBorderPlusScroll {
width : 15px;
border: 5px;
}
.widthSmallerThanBorderPlusPaddingPlusScroll {
width : 15px;
border: 5px;
padding: 10px;
}
.heightSmallerThanScroll {
height : 5px;
}
.heightSmallerThanBorderPlusScroll {
height : 15px;
border: 5px;
}
.heightSmallerThanBorderPlusPaddingPlusScroll {
height : 15px;
border: 5px;
padding: 10px;
}
</style>
<script src="../../resources/js-test.js"></script>
<p>The test has passed if it does not CRASH in Debug builds.</p>
<div class="grid"></div>
<div class="grid widthSmallerThanScroll"></div>
<div class="grid widthSmallerThanBorderPlusScroll"></div>
<div class="grid widthSmallerThanBorderPlusPaddingPlusScroll"></div>
<div class="grid heightSmallerThanScroll"></div>
<div class="grid heightSmallerThanBorderPlusScroll"></div>
<div class="grid heightSmallerThanBorderPlusPaddingPlusScroll"></div>