| <!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 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> |
