This is a migrated thread and some comments may be shown as answers.

Scrolling problem: Grid with frozen columns inside Kendo UI Mobile

1 Answer 85 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Mikael
Top achievements
Rank 1
Mikael asked on 21 Oct 2016, 12:27 PM

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

1 Answer, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 25 Oct 2016, 05:25 AM
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.
 
Tags
Grid
Asked by
Mikael
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Share this question
or