blob: 188a2b0ebcaf48b6d8ce1a2fcea684e935a9026d [file] [log] [blame]
<!doctype html>
<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>
#container {
font: 20px Ahem;
overflow-y: scroll;
outline: black solid 1px;
width: 120px;
#target {
padding-bottom: 200px;
outline: rgba(0,255.0, 0.3) solid 3px;
#target's padding bottom does is not part line height of first linebox,
but is part of scroll overflow of first linebox.
<p>Overflow of inline children descendants: linebox should propagate children
scroll overflow to container.
<div id="container"><span id="ref">0 1 </span><span id="target">2</span> 3 4 5</div></div>
var container = document.querySelector('#container');
var target = document.querySelector('#target');
var ref = document.querySelector('#ref');
test(function() {
var targetStyle = window.getComputedStyle(target);
ref.offsetHeight + parseInt(targetStyle.paddingBottom),
}, "overflow with padding");