vflex on goldenpanel doesn't work as expected

XMLWordPrintable

    • Type: Bug
    • Resolution: Fixed
    • Priority: Normal
    • 9.6.0
    • Affects Version/s: 9.0.0.1, 9.5.0.2
    • Component/s: Components
    • Security Level: Jimmy
    • None

      Steps to Reproduce

      <goldenlayout id="gl" vflex="1" hflex="1">
<attribute name="areas">
    A B
</attribute>
<goldenpanel area="A" title="Panel Blue">
    <div vflex="1" hflex="1" style="background-color:blue !important">
        <label value="Lorem ipsum"/>
    </div>
</goldenpanel>
<goldenpanel area="B" title="Panel Red">
    <div vflex="1" hflex="1" style="background-color:red !important">
        <label value="Lorem ipsum"/>
    </div>
</goldenpanel>
</goldenlayout>

      Current Result

      red panel's height doesn't consume the whole height of the parent

      Expected Result

      Workaround

      <custom-attributes org.zkoss.zul.css.flex="false"/>

        1. error.jpg
          error.jpg
          30 kB
        2. expected.jpg
          expected.jpg
          43 kB

            Assignee:
            DevChu
            Reporter:
            hawk
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:
              Resolved: