<html>
<head>
<title></title>
<style type="text/css">
div.overflow {
overflow: auto;
width: 100px;
height: 100px;
border: solid blue 1px;
}
div.container {
position: relative;
}
div.abs {
position: absolute;
width: 60px;
height: 60px;
background: silver;
}
</style>
</head>
<body>
<p>
This tests for a regression against
<i><a href="https://bugs.webkit.org/show_bug.cgi?id=7054">http://bugzilla.opendarwin.org/show_bug.cgi?id=7054</a>
Vertical scroll bars do not appear or do not scroll completely</i>.
</p>
<p>
The top two boxes should have horizontal scroll bars. The bottom box should have a vertical scroll bar.
</p>
<hr>
<div class="overflow">
<table>
<tr>
<td>
<div class="container">
<div class="abs" style="left: 70px;"></div>
</div>
</td>
</tr>
</table>
</div>
<br>
<div class="overflow" style="direction: rtl;">
<table>
<tr>
<td>
<div class="container">
<div class="abs" style="right: 70px;"></div>
</div>
</td>
</tr>
</table>
</div>
<br>
<div class="overflow">
<table>
<tr>
<td>
<div class="container">
<div class="abs" style="top: 70px;"></div>
</div>
</td>
</tr>
</table>
</div>
</body>
</html>
Codebase Browser
chromium