(KendoReact) Implement the ability to touch drag scroll the grid rows when selection is enabled

Progress® KendoReact Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Unplanned

Last Updated: 10 Jun 2024 12:00 by ADMIN

Created on: 16 Dec 2022 08:35

Category: Data Grid

Type: Feature Request

(KendoReact) Implement the ability to touch drag scroll the grid rows when selection is enabled

Currently (as visible in grid demos), touch drag scroll in mobile (responsive) mode is not working when rows selection is enabled.

There is no known workaround since the complexity of implementing custom row renderer with all the intricacies of the grid's behaviour would be a huge task.

The client's facing issue is that when using a KendoReact grid on mobile device, they can't easily scroll the grid rows data by touch drag scrolling the rows.

5 comments

ADMIN

Plamen

Posted on: 10 Jun 2024 12:00

Hi,

Thank you for rewriting again in this thread - we have inspected deeper the scenario and will threat it as bug in the future - https://github.com/telerik/kendo-react/issues/1555. It is with high priority so we will do our best to fix it as soon as possible.

After researching the issue we got to a point that we can't have both drag selection and mobile scroll as both are listening on the same event. Having this in mind, in the future once we fix the bug the drag selection will be stopped and no further allowed in mobile devices and only the tap selection and the scroll will work in that cases.

As a temporary workaround fro the row selection you can achieve set the selectable.enabled to `false` only on smaller screen widths, or when a mobile device is detected. For convenience to have both the selection and the scroll work correctly:

https://stackblitz.com/edit/react-wcg8gq?file=app%2Fmain.jsx

If you have further feedback please don't hesitate to share it with us again.

Regards,
Plamen
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!

guga

Posted on: 03 Jun 2024 15:33

Hi, I'm facing this same issue. Please I would need a solution for this behavior, as my clients are unhappy not being able to use the grids on mobile devices.

ADMIN

Filip

Posted on: 13 Apr 2023 12:18

Hello, Daniel,

Thank you for the provided feedback and workaround.

We will look into this behavior further in order to determine a way to address this.

Regards,
Filip
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Daniel

Posted on: 06 Apr 2023 14:52

I have the same issue. I found a simple workaround for our case.

We are using this config for selectable - {enabled: true, drag: false, mode: 'multiple'}. I've overrided in our css the data table inline style `touch-action: none` with

.k-grid .k-table.k-grid-table {
touch-action: auto !important;
}

I guess `touch-action: pinch-zoom` might be a workaround if drag is equal to true. That way at least the users will be able to scroll with both fingers.

For me this is more like a bug than a feature request because the users should be able to scroll through the data table content on touch devices. I hope Kendo team will address this as soon as possible.

ADMIN

Filip

Posted on: 16 Dec 2022 15:58

Hi, Temelko,

Thank you for the submitted feature request. We will monitor closely the interest in this improvement.

Regards,
Filip
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.