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

9 posts, 0 answers
  1. Dean
    Dean avatar
    73 posts
    Member since:
    Oct 2012

    Posted 26 Sep 2013 Link to this post

    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
  2. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2564 posts

    Posted 30 Sep 2013 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. Dean
    Dean avatar
    73 posts
    Member since:
    Oct 2012

    Posted 07 Oct 2013 Link to this post

    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
  5. Dean
    Dean avatar
    73 posts
    Member since:
    Oct 2012

    Posted 07 Oct 2013 Link to this post

    Hi Kiril,

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

    Regards

    Dean
  6. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2564 posts

    Posted 08 Oct 2013 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  7. Dean
    Dean avatar
    73 posts
    Member since:
    Oct 2012

    Posted 08 Oct 2013 Link to this post

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

    Dean
  8. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2564 posts

    Posted 09 Oct 2013 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  9. Dean
    Dean avatar
    73 posts
    Member since:
    Oct 2012

    Posted 09 Oct 2013 Link to this post

    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
  10. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2564 posts

    Posted 11 Oct 2013 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top
Kendo UI is VS 2017 Ready