ListView with endless-scroll goes blank when changing views and coming back

[Dean]

The list items in my ListView with endless scrolling link to another view. If I scroll down, click a list item to view it's details on another view, then navigate back, the ListView is empty until I scroll around a bit and it starts working again.

Is there something I can do on before show to make sure the ListView is displayed and scrolled to the same spot I left it?

Regards

Dean

[Kiril Nikolov]

Hi Dean,

This is not a know issue with ListView and endless scrolling. Would it be possible to extract a runnable demo, maybe in a jsBin/jsFiddle, where this behaviour can be observed, so we can further investigate?

Thank you in advance for your cooperation.

Regards,
Kiril Nikolov
Telerik

[Dean]

Hi Kiril,

I'm having some trouble reproducing this problem in a small demo. So this could just be something wrong with my code but I'll continue working on it when I can.

However, in the process of trying to isolate this problem I have actually managed to isolate a different one I've been having. When I use the flat theme with an endless scrolling ListView the last item is cut-off, I can't scroll past the top half of the last item. I have set-up a demo of this in Icenium, the project is called Default Kendo. Just scroll all the way to the bottom and you'll see what I mean.

Regards

Dean

[Dean]

Hi Kiril,

I have finally managed to narrow down the original problem to be with my code.

Regards

Dean

[Kiril Nikolov]

Hello Dean,

I am glad that you managed to narrow down the problem. 

As for the project that you mentioned, would it be possible to extract it and send it to us, as I do not have access to your Icenium project, and I am not able to take a look?
 
Regards,
Kiril Nikolov
Telerik

[Dean]

Sure, I made a JS Bin here: http://jsbin.com/aNApID/2/edit?html,output

Dean

[Kiril Nikolov]

Hello Dean,

I have checked your demo and it seems to be working as expected. With the Q2 release of Kendo UI Mobile, a new implementation of endless scrolling was introduced, you can read more about it here:

http://docs.kendoui.com/getting-started/mobile/listview#press-to-load-more-/-endless-scrolling

If you test your jsBin on a screen with a big resolution, the reason why some items might get cut off, is because there are not enough elements loaded in the DOM, that are needed in order for the ListView to be displayed correctly. If you test this example on a mobile device (as I did) you will see that it works as expected and all items are shown.
 
Regards,
Kiril Nikolov
Telerik

[Dean]

Hi Kiril,

I've been developing in Icenium and testing in the simulator and devices including a Samsung Galaxy Nexus, Samsung Galaxy S3 and S4, iPhone 4, 4s and 5. They all cut off the very last item.

What I mean by the last item is item number 77, which you have to scroll down so that it loads a second set of items and then continue all the way to the bottom such that it doesn't scroll any more. Then you will see the last item doesn't fit on the screen, you can see the top half only. I have attached a screenshot from the Icenium simulator to show what this looks like.

This bug only occurs when using the new Flat theme.

Regards

Dean

[Kiril Nikolov]

Hi Dean,

This looks like an issue with the ListView when filtering is used along with the flat skin. I have logged this in our internal bug tracker, so it will be fixed with an internal build.

As a small gesture of gratitude for bringing this to our attention, I have adjusted your Telerik points balance.
 
Regards,
Kiril Nikolov
Telerik