22 lines
921 B
HTML
22 lines
921 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<script>
|
|
if (window.internals) {
|
|
internals.settings.setUserInterfaceDirectionPolicy("System");
|
|
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 style="overflow: scroll; position: absolute; width: 100px; height: 100px; left: -15px; bottom: -15px;">
|
|
<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>
|
|
</div>
|
|
</body>
|
|
</html>
|