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

Grid vertical scroll issue windows phone 8

1 Answer 77 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Marcin
Top achievements
Rank 1
Veteran
Marcin asked on 22 Feb 2014, 01:34 PM
I'm using kendo grid on normal web application - it is NOT kendo mobile. I'm using only Kendo DataViz and Kendo Web.
My grid do not have vertical scroll. It always shows all rows.

My probrem is that page scrolling is not working when touching and scrolling on grid.
All is working when I put my finger outside of grid.

Horizontal internal grid  scroll is working without issue. So I can see all columns when I scroll grid horizontally.

But I cannot scroll page when I put finger on grid rows.

Scrolling page is working e.g. on IPhone.

Kind Regards
Marcin

1 Answer, 1 is accepted

Sort by
0
Accepted
Dimo
Telerik team
answered on 26 Feb 2014, 03:28 PM
Hi Marcin,

The observed behavior is caused by the different way IE handles touch scrolling. In order to support Grid scrolling without page scrolling, we are setting an -ms-touch-action CSS style to the Grid data area. This, however, prevents page scrolling even if the Grid data area is not actually scrollable (either horizontally or vertically).

It is difficult to provide universally working behavior, but in your case you can use the following CSS rule to enable back page scrolling:

.k-grid .km-scroll-wrapper
{
   -ms-touch-action: double-tap-zoom pan-y pinch-zoom !important;
}


Regards,
Dimo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Grid
Asked by
Marcin
Top achievements
Rank 1
Veteran
Answers by
Dimo
Telerik team
Share this question
or