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

listbox with percentage height doesn't have a vertical scrollbar

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Open
    • Priority: Normal
    • Resolution: Unresolved
    • Affects Version/s: 9.6.1
    • Fix Version/s: None
    • Component/s: None
    • Labels:
      None

      Description

      Steps to Reproduce

      <zk>
          <zscript><![CDATA[
      ListModelList model = new ListModelList(Locale.getAvailableLocales());
          ]]></zscript>
          <div height="400px">
              <listbox model="${model}" height="80%">
                  <listhead>
                      <listheader label="dual listbox"/>
                  </listhead>
                  <template name="model">
                      <listitem>
                          <listcell label="${each.language}"/>
                      </listitem>
                  </template>
              </listbox>
          </div>
      </zk>
      

      Current Result

      no vertical scrollbar on the right

      Expected Result

      a vertical scrollbar exists on the right

      Debug Information

      • z-listbox-body doesn't have a height, could be done by height: calc(100% - headerHeight)

      Workaround

      • use vflex

        Attachments

          Activity

            People

            Assignee:
            Unassigned Unassigned
            Reporter:
            hawk hawk
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Dates

              Created:
              Updated: