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

Listbox head flickering caused by onClientInfo

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Normal Normal
    • 10.0.0
    • 9.1.0, 9.6.0.1
    • ZK Client Engine
    • Security Level: Jimmy

      Steps to Reproduce

      load the page:

      <zk>
      <!--    no flicker without onClientInfo-->
      <!--    <div>-->
          <div onClientInfo="">
      <!--    add a delay to make it more obvious-->
      <!--    <div onClientInfo="Thread.sleep(1000);">-->
              <listbox width="200px">
                  <listhead>
                      <listheader hflex="7"/>
                      <listheader hflex="5"/>
                  </listhead>
                  <listitem>
                      <listcell label="col1"/>
                      <listcell label="col2"/>
                  </listitem>
              </listbox>
          </div>
      </zk>
      

      Current Result

      the empty listheaders flicker

      Expected Result

      no flicker e.g. when removing the onClientInfo event listener

      Debug Information

      happens with hflex sizing on the columns in combination with onClientInfo

      Workaround

      don't use hflex on columns ...

      hide columns with CSS (to void the worst flickering effect)

      	<style>
      		.z-listbox.hidden-header .z-listbox-header {
      			visibility: hidden;
      			height: 0px;
      		}
      	</style>
             ...
              <listbox width="200px" sclass="hidden-header">
      

            jumperchen jumperchen
            cor3000 cor3000
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:
              Resolved: