blob: ab51257971afcb76778288c7848f2754d0a96678 [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<title>Border-after in horizontal-bt mode, non-visible overflow</title>
<style>
body { color:black; background:white; }
#container {
-webkit-writing-mode: horizontal-bt;
overflow:hidden;
-webkit-logical-height:100px;
-webkit-border-after:150px solid white;
background:red;
}
#inner { -webkit-logical-height:200px; background:white; }
</style>
<script>
if (window.testRunner)
testRunner.dumpAsText();
</script>
</head>
<body>
<p>The word 'HEST' should be seen below, and there should be no red.</p>
<div id="container">
<div id="inner">HEST</div>
</div>
<script>
if (window.testRunner) {
var height = container.scrollHeight;
document.body.innerHTML = height == 200 ? "PASS" : "FAIL - height was " + height;
}
</script>
</body>
</html>