incorrect width for hbox containing labels

[Chin Kuan, Low]

Hi all,




However, hbox03 renders incorrectly. hbox03 is similar to hbox02 except

compared to hbox01 and hbox03.

Is this a bug? Have any work around?

Thanks in advance.

<vbox flex="1">

  <hbox id="hbox01" style="border: 1px solid blue; height: 30px;">
    <spacer flex="1" style="border:1px solid red;"/>
    <spacer flex="1" style="border:1px solid red;"/>
    <spacer flex="1" style="border:1px solid red;"/>
    <spacer flex="1" style="border:1px solid red;"/>
    <spacer flex="1" style="border:1px solid red;"/>
  </hbox>

  <hbox id="hbox02" style="border: 1px solid blue; height: 30px;">
    <spacer flex="1" style="border:1px solid red;"/>

    <spacer flex="1" style="border:1px solid red;"/>
  </hbox>

  <hbox id="hbox03" style="border: 1px solid blue; height: 30px;">
    <spacer flex="1" style="border:1px solid red;"/>

    <spacer flex="1" style="border:1px solid red;"/>
  </hbox>

</vbox>

I found a funny quirk in Mozilla (latest test version is Mozilla Firefox 1.0.4). Below is an example of using flex for three different hbox. Both hbox01 and hbox02 flexes correctly, producing correct size. that hbox03 has a non-empty value attribute. The result is that the width of the label component in hbox03 is much wider and not balanced <label flex="3" style="border:1px solid red; margin: 0px !important; padding: 0px;" value=""/> <label flex="3" style="text-align: center; border:1px solid red; margin: 0px !important; padding: 0px;" value="Why this box size different from other?" />

box.xul
Description: application/vnd.mozilla.xul

<<inline: box.gif>>