<!DOCTYPE html> | |
<p>Test increasing the height of the containing block of a scrollable container with percent height.</p> | |
<p>One horizontal scrollbar should be seen below.</p> | |
<div id="target" style="height:250px;"> | |
<div style="height:50%; overflow-x:scroll;"></div> | |
</div> | |
<script src="../../../resources/run-after-layout-and-paint.js"></script> | |
<script> | |
function changeSize() { | |
document.getElementById('target').style.height = '450px'; | |
} | |
runAfterLayoutAndPaint(changeSize, true); | |
</script> |