blob: 88fa27e017c91f6b4e92332e77ed476d2d5de71b [file] [log] [blame]
<!doctype html>
<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>
#container {
overflow: auto;
width: 200px;
height: 100px;
font: 20px Ahem;
outline: blue solid 1px;
#target {
padding-bottom: 200px;
background: yellow;
<p>Overflow of inline block descendant.</p>
#target is inside a linebox, and its scroll overflow
propagates to container.
<div id="container">A<span id="outer"><span id="target" class=padding>T</span></span>Z<br>2</div>
var container = document.querySelector('#container');
var target = document.querySelector('#target');
test(function() {
var targetStyle = window.getComputedStyle(target);
parseInt(targetStyle.fontSize) + parseInt(targetStyle.paddingBottom),
}, "overflow for inline block descendant with padding");