Envolver en XUL: hbox

Question

Tengo extraño problema con diseños XUL. Mi código actual:

<xul:vbox>
  <xul:hbox> .. some elements .. </xul:hbox>
  <xul:hbox>
    <xul:hbox> .. some elements .. </xul:hbox>
    <xul:hbox flex="1">
      <my:button anon-id="btn1" label="Sample button 1"/>
      <my:button anon-id="btn2" label="Sample button 2"/>
      ...
      <my:button anon-id="btnN" label="Sample button N"/>
    </xul:hbox>
    <xul:hbox> .. some elements .. </xul:hbox>
  <xul:hbox>
</xul:vbox>

Necesito hacer hbox con los botones de tamaño variable, pero si los botones no se ajusta en un contenedor - que debe ser envuelto por 2 (o más) líneas. En la actualidad, cuando me encojo tamaño del navegador -. Algunos de los botones se esconden detrás del borde derecho de la ventana

my:button es caja con display: inline-block; y algunos dentro de contenido.

He tratado float: left en el botón, display: block, overflow: visibel y otros trucos trabajado en HTML / CSS.

Gracias por la atención.

Answer 1

El uso de la etiqueta <description> en lugar de la <hbox> que rodea los botones.