<?xml version="1.0"?>
<!DOCTYPE window>
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" title="RTL overflow test" width="640px" height="480px" style="direction: rtl" onload="load()" class="reftest-wait">

<style type="text/css" xmlns="http://www.w3.org/1999/xhtml"><![CDATA[
button {
  margin: 0;
}
]]></style>

<hbox style="max-width: 200px; border: 1px solid red;">
<scrollbox align="start" pack="start" orient="horizontal" flex="1">
  <button id="sb1" label="test1"/><button label="test2"/><button label="test3"/><button label="test4"/><button label="test5"/>
</scrollbox>
</hbox>

<hbox style="max-width: 200px; border: 1px solid blue">
<arrowscrollbox align="start" pack="start" orient="horizontal" flex="1">
  <button id="asb1" label="test1"/><button label="test2"/><button label="test3"/><button label="test4"/><button label="test5"/>
</arrowscrollbox>
</hbox>

<hbox style="max-width: 200px; border: 1px solid black">
<hbox align="end" pack="end" flex="1">
  <button label="test1"/><button label="test2"/><button label="test3"/><button label="test4"/><button label="test5"/>
</hbox>
</hbox>

<script type="text/javascript">
  <![CDATA[
    function load() {
      document.getElementById("sb1").scrollIntoView({ behavior: "instant" });
      document.getElementById("asb1").scrollIntoView({ behavior: "instant" });

      document.documentElement.removeAttribute("class");
    }
  ]]>
</script>

</window>
