Scrolling problem: Grid with frozen columns inside Kendo UI Mobile

2 posts, 0 answers
  1. Mikael
    Mikael avatar
    1 posts
    Member since:
    May 2016

    Posted 21 Oct Link to this post

    We have based our mobile web app on the whatsername-app: https://github.com/telerik/whatsername

    We have one view with a grid with three columns. The first one is frozen and the other two are not, in order to keep the first one visible at all times while scrolling through the other columns. However when testing on a mobile device or using the mobile device simulator in Chrome, it's impossible to scroll horizontally through the non-frozen columns. 

    Is there something that catches the scrolling event before the grid can handle it? We are also using a drawer but the problem persists even when removing the drawer or setting swipeToOpen:false on the drawer.

    I tried to make a demo in a dojo, but the dojo code works! http://dojo.telerik.com/ehaPu .

    When we run the dojo in "fullscreen" mode and using a mobile device or Chrome developer tools in mobile view (refresh page once in mobile view to get correct mobile behaviour) it's still possible to scroll the grid horizontally.

     

    PS. As a side not, we are unable to scroll inside the grid by scrolling on the frozen column, but I see that there's already a bug report on that: http://www.telerik.com/forums/scrolling-with-frozen-column

     

    Best regards,

    Mikael Arvidsson

  2. Stefan
    Admin
    Stefan avatar
    272 posts

    Posted 25 Oct Link to this post

    Hello Mikael,

    I also tested the provided Dojo on mobile devices and it is working as expected.

    The issue may be caused by a specific combination of the Grid settings or a custom code which is interfering with the Grid and its touch events.

    I can suggest checking the information and requirements when locked columns are used:

    http://docs.telerik.com/kendo-ui/controls/data-management/grid/appearance#locked-columns

    In order to continue the investigation, could you please provide the following:

    1) Fully runnable example that reproduces the issue.
    2) The model and OS of the devices on which the issue is reproduced.

    Thank you in advance.

    Regards,
    Stefan
    Telerik by Progress
     
    Build rich, delightful, *native* Angular 2 apps with Kendo UI for Angular 2. Try it out today! Kendo UI for Angular 2 (currently in beta) is a jQuery-free toolset, written in TypeScript, designed from the ground up to offer true, native Angular 2 components.
     
  3. Kendo UI is VS 2017 Ready
Back to Top