Uploaded image for project: 'ZK'
  1. ZK
  2. ZK-1329

Height of component which vflex="1" is wrong when two or more sibling are Label or Toolbarbutton

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Won't Fix
    • Icon: Normal Normal
    • None
    • None
    • Components 

      <hlayout>
<div height="800px" width="200px" style="border:1px solid red">
	<div height="300px" style="background-color:#0FF"/>
	<div vflex="1" style="background-color:#FFFF00"/>
	<label>label</label>
</div>

<div height="800px" width="200px" style="border:1px solid red">
	<label>label</label>
	<label>label</label>
	<div height="300px" style="background-color:#0FF"/>
	<div vflex="1" style="background-color:#FFFF00"/>
</div>

<div height="800px" width="200px" style="border:1px solid red">
	<label>label</label>
	<label>label</label>
	<label>label</label>
	<div height="300px" style="background-color:#0FF"/>
	<div vflex="1" style="background-color:#FFFF00"/>
</div>

<div height="800px" width="200px" style="border:1px solid red">
	<div height="300px" style="background-color:#0FF"/>
	<div vflex="1" style="background-color:#FFFF00"/>
	<toolbarbutton label="toolbarbutton" />
</div>

<div height="800px" width="200px" style="border:1px solid red">
	<toolbarbutton label="toolbarbutton" />
	<toolbarbutton label="toolbarbutton" />		
	<div height="300px" style="background-color:#0FF"/>
	<div vflex="1" style="background-color:#FFFF00"/>
</div>

<div height="800px" width="200px" style="border:1px solid red">
	<toolbarbutton label="toolbarbutton" />
	<toolbarbutton label="toolbarbutton" />
	<toolbarbutton label="toolbarbutton" />		
	<div height="300px" style="background-color:#0FF"/>
	<div vflex="1" style="background-color:#FFFF00"/>
</div>

<div height="800px" width="200px" style="border:1px solid red">
	<toolbarbutton label="tbb" />
	<toolbarbutton label="tbb" />
	<toolbarbutton label="tbb" />		
	<div height="300px" style="background-color:#0FF"/>
	<div vflex="1" style="background-color:#FFFF00"/>
</div>
</hlayout>

      Known sibling component will occur this problem:

      • Label
      • Toolbarbutton
      • Button

      Known sibling component won't occur this problem:

      • Div
      • Window

            MontyPan MontyPan
            MontyPan MontyPan
            Votes:
            1 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated:
              Resolved: