XUL Tip: Scrolling for tabs on XUL tabbox
The solution using <arrowscrollbox>
.
<tabbox>
<arrowscrollbox clicktoscroll="true" orient="horizontal">
<tabs>
<tab label="aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"/>
<tab label="bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb"/>
<tab label="cccccccccccccccccccccccccccccccccccccccccccccccccccc"/>
</tabs>
</arrowscrollbox>
<tabpanels>
<label value="a"/>
<label value="b"/>
<label value="c"/>
</tabpanels>
</tabbox>
When some of tabs are not visible, arrow-scroll-button is shown:

Note that arrowscrollbox
element surrounds tabs
element.
If arrowscrollbox
element is child of tabs
element,
tabbox does not work properly.
<!-- Note: Does not work! -->
<tabs>
<arrowscrollbox clicktoscroll="true" orient="horizontal">
<tab label="aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"/>
<tab label="bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb"/>
<tab label="cccccccccccccccccccccccccccccccccccccccccccccccccccc"/>
</arrowscrollbox>
</tabs>
Issue of this solution
On Mac theme, tabs are not painted properly:
