blob: e47cac422da031e236b3e918c67efe8cb45f095d [file] [log] [blame]
<!DOCTYPE html>
<script src="../../resources/check-layout.js"></script>
<p>Test that a multicol container inside a paged container is fragmented correctly.</p>
<p>Below there should be a blue square above a papayawhip square above some spacing above a horizontal scrollbar.
There should be no red.</p>
<div id="pagedContainer" style="position:relative; overflow-y:-webkit-paged-x; -webkit-column-gap:0; line-height:50px; width:50px; height:140px;">
<div style="-webkit-columns:2; -webkit-column-gap:0;">
<div data-offset-x="0" data-offset-y="0" style="background:blue;"><br></div>
<div data-offset-x="0" data-offset-y="50" style="background:papayawhip;"><br></div>
<div data-offset-x="25" data-offset-y="0" style="background:blue;"><br></div>
<div data-offset-x="25" data-offset-y="50" style="background:papayawhip;"><br></div>
<div data-offset-x="50" data-offset-y="0" style="background:red;">
X<br>
X<br>
X<br>
</div>
</div>
</div>
<script>
checkLayout("#pagedContainer");
</script>