XULタブボックスのタブのスクロール

Question

同じ質問が尋ねられましたin the Mozillazine forums earlier。彼の説明を借用：

私はFirefox用の拡張機能を開発しており、大きな問題があります。私は私の拡張機能で多くのタブを持っているし、小さなサイズのウィンドウの場合、タブのいくつかは見えません。だからこそ私はスクロールバーを置いて成功することができません。ここで

は私のコードは、タブ上で作業を行いますが、タブをクリックすると、何もしない、これ特派タブの内容が表示されていない。この場合のスクロールで

<tabbox flex="1"> 
<tabs> 
<arrowscrollbox allowevents="true" flex="1" class="tabbrowser-arrowscrollbox" orient="horizontal"> 
<tab id="tab_1" label="Tab 1"/> 
<tab id="tab_2" label="Tab 2"/> 
... 
<tab id="tab_9" label="Tab 9"/> 
</arrowscrollbox> 
</tabs> 
<tabpanels flex="1"> 
<tabpanel flex="1" orient="vertical" >Tab 1 content</tabpanel> 
<tabpanel flex="1" orient="vertical" >Tab 2 content</tabpanel> 
... 
<tabpanel flex="1" orient="vertical" >Tab 9 content</tabpanel> 
</tabpanels> 
</tabbox> 

です。 tabs要素からarrowscrollbox要素を削除すると、スクロールしなくなり、一部のタブは表示されません。

誰も私がスクロールと適切に動作するタブの両方を持つ方法を提案できますか？

Answer 1

<tab>タグは<tabs>タグの直接のクリードでなければなりません。それ以外の場合は動作しません。 <tabs>タグは<tabbox>タグの直接の子である必要はありませんが、<arrowscrollbox>タグを間に入れることができます。このように動作します：

<tabbox flex="1"> 
    <arrowscrollbox allowevents="true" class="tabbrowser-arrowscrollbox" orient="horizontal"> 
    <tabs> 
     <tab id="tab_1" label="Tab 1"/> 
     <tab id="tab_2" label="Tab 2"/> 
     ... 
     <tab id="tab_9" label="Tab 9"/> 
    </tabs> 
    </arrowscrollbox> 
    <tabpanels flex="1"> 
    <tabpanel flex="1" orient="vertical" >Tab 1 content</tabpanel> 
    <tabpanel flex="1" orient="vertical" >Tab 2 content</tabpanel> 
    ... 
    <tabpanel flex="1" orient="vertical" >Tab 9 content</tabpanel> 
    </tabpanels> 
</tabbox>