100% высоты XUL элементы

Question

У меня есть эта колода в боковой панели Firefox (XUL):

<deck id="mydeck" selectedIndex="0"> 

    <vbox id="myscreen1"> 
    ... 
    </vbox> 

    <vbox id="myscreen2"> 
    <vbox flex="3" minheight="150"> 
     ... 
    </vbox> 
    <splitter collapse="after" resizeafter="farthest"> 
     <grippy height="10" align="end" /> 
    </splitter> 
    <vbox flex="1" minheight="125"> 
     ... 
    </vbox> 
    </vbox> 

</deck> 

Я пытаюсь получить #myscreen2 занять всю боковую панель вертикально. Как мне это достичь?

В настоящее время используется только минимальная высота, установленная для двух коробок. Я попытался установить height: 100% и flex="1" на самой колоде и #myscreen2, но он не работает.

Answer 1

Я действительно не люблю доступную документацию XUL, но мне удалось придумать решение:

<deck id="mydeck" selectedIndex="0" flex="1"> 

    <vbox id="myscreen1"> 
    ... 
    </vbox> 

    <vbox id="myscreen2"> 
    <vbox flex="3" minheight="150"> 
     ... 
    </vbox> 
    <splitter collapse="after" resizeafter="farthest"> 
     <grippy height="10" align="end" /> 
    </splitter> 
    <vbox flex="1" minheight="125"> 
     ... 
    </vbox> 
    </vbox> 

</deck> 

Ключ должен был иметь flex="1" на палубе. Не уверен, почему он не работал, когда я попробовал это в первый раз.