21 lines
817 B
HTML
21 lines
817 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<script>
|
|
if (window.internals) {
|
|
internals.settings.setUserInterfaceDirectionPolicy("System");
|
|
internals.settings.setSystemLayoutDirection("RTL");
|
|
}
|
|
</script>
|
|
</head>
|
|
<body style="margin: 0px;">
|
|
This test makes sure that position-sticky obeys RTL scrollbars when positioning.
|
|
<div style="position: absolute; top: 100px; left: 0px; width: 2000px; height: 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>
|
|
<script>
|
|
window.scroll(850, 0);
|
|
</script>
|
|
</body>
|
|
</html>
|