-
Bug
-
Resolution: Fixed
-
Major
-
None
-
None
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>