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

Listbox - Live Data broken with keyboard navigation

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Major
    • Resolution: Fixed
    • Affects Version/s: None
    • Fix Version/s: 6.5.2
    • Component/s: Components
    • Labels:
      None

      Description

      Using keyboard navigation to scroll down the Listbox causes selection to wrap around in random places and empty rows rendering. Please see the video demonstration attached.
      In this video I'm selecting item number 3 and then I'm pressing and holding down arrow key. You can see that Listbox starts scrolling but it wraps around three times before it finally gets to the end of the list. Please look carefully at data in column 1 or the scrollbar.

      Here is my view file:

              <listbox model="@load(vm.dataModel)" selectedItem="@bind(vm.selectedItem)" vflex="1">
      
                  <listhead>
                      <listheader align="center" label="column 1" width="80px"></listheader>
                      <listheader align="center" label="column 2" width="150px"></listheader>
                      <listheader align="center" label="column 3" width="80px"></listheader>
                      <listheader label="column 4" width="100%"></listheader>
                  </listhead>
      
                  <template name="model" var="item">
                      <listitem>
                          <listcell label="@load(item.prop1)"></listcell>
                          <listcell label="@load(item.prop2)"></listcell>
                          <listcell label="@load(item.prop3)"></listcell>
                          <listcell label="@load(item.prop4)"></listcell>
                      </listitem>
                  </template>
      
                  <listfoot>
                      <listfooter align="left" span="4">
                          <label value="Total:"></label>
                          <label value="@load(vm.dataModel) @converter(vm.listModelConverter))"></label>
                      </listfooter>
                  </listfoot>
      
              </listbox>
      

        Attachments

        1. B65_ZK_1473_Composer.java
          1 kB
        2. B65_ZK_1473_ViewModel.java
          0.9 kB
        3. B65-ZK-1473.zul
          1.0 kB
        4. listbox.mp4
          220 kB

          Activity

            People

            Assignee:
            vincentjian vincentjian
            Reporter:
            czynga czynga
            Votes:
            1 Vote for this issue
            Watchers:
            2 Start watching this issue

              Dates

              Created:
              Updated:
              Resolved: