Unplanned
Last Updated: 14 Mar 2019 10:46 by ADMIN
August
Created on: 11 Mar 2019 10:45
Category: Grid
Type: Bug Report
0
Kendo grid grouping problem - can't drag with touchscreen

Hello guys,

I am stuck with this problem for some time now. Everything works well with mouse, I can drag and drop column into grouping header normally. But on touchscreens I can't drag it. I am interested if anyone has had this issue?

1 comment
ADMIN
Alex Hajigeorgieva
Posted on: 14 Mar 2019 10:44
Hello, August,

Thank you for bringing this behaviour to our attention.

The issue is reproducible in Chrome on a touch and mouse device, however, Edge seems to work well. I believe the issue stems from the scroll and drag being simultaneously triggered which makes it very hard to group using touch at times.

I have logged an issue in our public repository that you may subscribe to watch so you can be notified when there are any new developments:

https://github.com/telerik/kendo-ui-core/issues/4911

In addition to that, I have also transferred this to our feedback portal, so people can upvote it. When an issue affects more clients, its priority raises so it goes in production quicker. Here is the new public link:

https://feedback.telerik.com/kendo-jquery-ui/1399774-kendo-grid-grouping-problem-can-t-drag-with-touchscreen

Meanwhile, I found a thread on SO that suggested using the touch-action CSS rule. 

https://stackoverflow.com/questions/16348031/disable-scrolling-when-touch-moving-certain-element/43275544#43275544

You could decorate the grid element with it and that seems to solve the issue, however, I would recommend testing if in doing so, any other functionality is impaired:

<div id="grid" style="touch-action:none;"></div>

With the wrappers, this would translate to:

.HtmlAttributes( new { touch_action : "none" })


Finally, as a token of appreciation for helping us improve, I have added some Telerik Points to your account

Regards,
Alex Hajigeorgieva
Progress Telerik
Get quickly and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.