blob: 579bb18d63f2df94819de50f5794b4c000754541 [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<title>Border-after in vertical-rl mode, non-visible overflow</title>
<style>
body { color:black; background:white; }
#container {
-webkit-writing-mode: vertical-rl;
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 logicalHeight = container.scrollWidth;
document.body.innerHTML = logicalHeight == 200 ? "PASS" : "FAIL - logicalHeight was " + logicalHeight;
}
</script>
</body>
</html>