Tab adds Whitespace

4 posts, 0 answers
  1. axel
    axel avatar
    54 posts
    Member since:
    Jan 2010

    Posted 21 Feb Link to this post

    Hi,

    tabulator appends whitespace to listview when target element is partial or completely outside clientview and you cannot scroll back to the top.

    Is there a fix?

     

    Kind regards

    Axel

  2. Tsvetina
    Admin
    Tsvetina avatar
    2087 posts

    Posted 23 Feb Link to this post

    Hi Axel,

    I am not sure if I understand the problem that you are describing, but if you encounter issues with scrolling back to top after focusing an input in the ListView that is further down the view, it is possible to be an issue with the emulated scrolling in mobile views. Try setting data-use-native-scrolling="true" in the View, where your Mobile ListView is placed.
    You can learn more about the specifics of native scrolling from this article:
    Native vs. Emulated Scrolling

    If the issue is different, please elaborate a bit more on your scenario. You could send us screen shots or a sample with reproduction steps to help us reproduce and investigate the problem faster.

    Regards,
    Tsvetina
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. axel
    axel avatar
    54 posts
    Member since:
    Jan 2010

    Posted 24 Feb Link to this post

    Hi Tsvetina,

    native scrolling doesn't fix it.

    http://http//dojo.telerik.com/IlEPa

    1. select first listview item

    2. press tab until listview scrolls to next item.

    3. try to scroll back to the top.

    Attached screenshot shows additional whitespace in scroll-wrapper.

     

    Kind regards

    axel

  4. Tsvetina
    Admin
    Tsvetina avatar
    2087 posts

    Posted 24 Feb Link to this post

    Hi Axel,

    This happens because the View native scrolling feature is ignored by the Dojo in Web mode. You can see the actual result in one of the following two ways:

    1) Add useNativeScrolling: true option in the Application initialization logic to apply this setting globally for the app (will break ListViews with endless scrolling feature enabled).
    var app = new kendo.mobile.Application(document.body, { skin: "nova", useNativeScrolling: true });

    OR
    2) Switch the Dojo preview to Simulator mode.

    Regards,
    Tsvetina
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top