blob: d95f57f7e77c9ab14d48eba3cab8b5d6781d730f [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<script>
if (window.internals) {
internals.settings.setUserInterfaceDirectionPolicy("View");
internals.settings.setSystemLayoutDirection("RTL");
}
</script>
<style>
div {
font: 20px Ahem;
}
</style>
</head>
<body style="margin: 0px;">
<div style="position: absolute; left: 40px; top: 8px; width: 600px; font: 16px Times;">This test makes sure that static and absolutely positioned divs work correctly with main frame scrolling, overflow: scroll, and iframes. The test passes if you see some equally sized and equally spaced black boxes (20px x 20px) below, stacked vertically, with 10px of vertical space between them</div>
<div>m</div>
<div style="position: absolute; left: 0px; top: 30px;">m</div>
<div style="position: fixed; left: 0px; top: 60px;">m</div>
<div style="position: absolute; left: -15px; top: 90px; width: 200px; height: 60px; overflow-y: scroll">
<div>m</div>
<div style="position: absolute; left: 0px; top: 30px;">m</div>
<div style="position: absolute; left: 0px; top: 0px; width: 1px; height: 2000px;"></div>
</div>
<iframe style="position: absolute; left: -15px; top: 150px; width: 200px; height: 100px; border: 0px solid black;" srcdoc="<!DOCTYPE html>
<html>
<head>
<style>
div {
font: 20px Ahem;
}
</style>
</head>
<body style='margin: 0px;'>
<div>m</div>
<div style='position: absolute; left: 0px; top: 30px;'>m</div>
<div style='position: fixed; left: 0px; top: 60px;'>m</div>
<div style='position: absolute; left: 0px; top: 0px; width: 1px; height: 2000px;'></div>
</body>
</html>"></iframe>
<div style="position: absolute; left: 0px; top: 0px; width: 1px; height: 2000px;"></div>
</body>
</html>