blob: 629808a0fe76dcf1ab6838da953ec3672a3d40cc [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<script>
if (window.internals) {
internals.settings.setUserInterfaceDirectionPolicy("View");
internals.settings.setSystemLayoutDirection("RTL");
}
</script>
</head>
<body style="margin: 0px;">
This test makes sure that position-sticky obeys RTL scrollbars when positioning.
<div id="scrolling" style="position: relative; width: 600px; height: 500px; overflow: scroll;">
<div style="position: absolute; top: 0px; left: 0px; width: 2000px;">
<div style="display: inline-block; position: static; width: 800px; height: 100px; background: blue;"></div><div style="display: inline-block; position: sticky; left: 0px; right: 0px; width: 100px; height: 100px; background: green;"></div><div style="display: inline-block; position: static; width: 800px; height: 100px; background: blue;"></div>
</div>
</div>
<script>
var scrollingElement = document.getElementById("scrolling");
scrollingElement.scrollLeft = 1000;
</script>
</body>
</html>