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

groupbox incorrect vflex height in vlayout

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Normal
    • Resolution: Fixed
    • Affects Version/s: Freshly, 9.5.0, 9.0.0.1, 9.1.0
    • Fix Version/s: 9.5.1
    • Component/s: Components
    • Security Level: Jimmy
    • gh.sprint.customfield.default.name:
      ZK 9.5.1 S1

      Description

      Steps to Reproduce

          <vlayout height="300px">
              <div vflex="1" style="border: 1px solid red">div 1</div>
              <groupbox vflex="1">group 2 (cut off bottom border)</groupbox>
          </vlayout>
      

      Current Result

      bottom border is cut off

      Expected Result

      whole group box visible

      Debug Information

      a fixed height (148px) is set on the groupbox-content element, conflicting with the 147.5px calculated by CSS flex

      Workaround

      disable CSS flex for the vlayout

          <vlayout height="300px">
              <custom-attributes org.zkoss.zul.css.flex="false"/>
              <div vflex="1" style="border: 1px solid red">div 1</div>
              <groupbox vflex="1">group 2 (cut off bottom border)</groupbox>
          </vlayout>
      

        Attachments

          Activity

            People

            Assignee:
            rudyhuang rudyhuang
            Reporter:
            cor3000 cor3000
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Dates

              Created:
              Updated:
              Resolved:

                Time Tracking

                Estimated:
                Original Estimate - 4 hours
                4h
                Remaining:
                Time Spent - 3 hours Remaining Estimate - 1 hour
                1h
                Logged:
                Time Spent - 3 hours Remaining Estimate - 1 hour
                3h