blob: c7f870b16e517042a0d9a1e47b5cb6ccb6a1c5cb [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<script>
if (window.internals) {
internals.settings.setUserInterfaceDirectionPolicy("View");
internals.settings.setSystemLayoutDirection("RTL");
}
</script>
</head>
<body>
This test makes sure that position: absolute elements do not overlap the vertical scrollbar on RTL machines. The test passes if you see a green square and a red square below.
<div style="overflow: hidden; position: relative; width: 85px; height: 85px;">
<div id="a" style="width: 15px; height: 15px; position: absolute; left: 0px; top: 0px; background: green;"></div>
<div id="b" style="width: 15px; height: 15px; position: absolute; left: 15px; top: 0px; background: red;"></div>
<div style="width: 1px; height: 3000px; position: absolute; left: 0px; top: 0px;"></div>
</div>
</body>
</html>