<!DOCTYPE html>
<html>
<head>
<style>
table {
overflow: hidden;
}
</style>
<script>
function onSelectionChange(select)
{
document.getElementById('hiddenRow').style.display = '';
}
</script>
</head>
<body>
<div><a href="https://bugs.webkit.org/show_bug.cgi?id=95776">95776</a>: REGRESSION(r120832): Layer::clampScrollOffset doesn't properly clamp</div>
<div>Manual test: click on the menu below and <select> the 'shown' option. Click somewhere on the page so that the <select> loses focus and click again on the <select>.</div>
<div>To pass the menu should be properly placed below the <select>.</div>
<form name="teste">
<table>
<tr>
<th>Test select:</th>
<td>
<select onchange=onSelectionChange(this)>
<option value="0">hidden</option>
<option value="1">shown</option>
</select>
</td>
</tr>
<tr id="hiddenRow" style="display: none;">
<th>Lorem ipsum</th>
<td>dolor sic amet.</td>
</tr>
</table>
</form>
</body>
</html>