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

Vertical tabbox in invisible comp has big height when onShow

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Normal
    • Resolution: Fixed
    • Affects Version/s: 7.0.8, 8.6.1
    • Fix Version/s: 8.6.2
    • Component/s: Components
    • Labels:
    • gh.sprint.customfield.default.name:
      ZK 8.6.2 S1, ZK 8.6.2 S2

      Description

      Steps to Reproduce

      1. Run the attached file.
      2. Open the first panel.

      Current Result

      A regression bug of https://sourceforge.net/p/zk1/bugs/2114/

      Expected Result

      No regression.

      Debug Information

      Only in Panel w/ client ROD + Vertical Tabbox

      Since the initial state of Tabbox is invisible, onSize won't be executed.
      https://github.com/zkoss/zk/blob/v8.6.1/zul/src/archive/web/js/zul/tab/Tabs.js#L42

      The .z-tabs-content CSS height: 4096px would make height big if the outer height z-tabs isn't restricted.

      A selected tab will trigger _fixWidth, but the timing is afterMount which is executed in the next tick.
      https://github.com/zkoss/zk/blob/v8.6.1/zul/src/archive/web/js/zul/tab/Tab.js#L266

      Workaround

      Disable Panel client rod

      <custom-attributes org.zkoss.zul.client.rod="false"/>
      

        Attachments

          Activity

            People

            • Assignee:
              rudyhuang rudyhuang
              Reporter:
              rudyhuang rudyhuang
            • Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:

                Time Tracking

                Estimated:
                Original Estimate - 4 hours Original Estimate - 4 hours
                4h
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 5 hours
                5h