Reorderable rows with a draggable column

1 Answer 50 Views
Drag and Drop Grid
user192
Top achievements
Rank 1
user192 asked on 12 Jul 2022, 10:08 AM | edited on 15 Jul 2022, 01:00 PM

Hi,

Reordering rows using the draggable column might seem a bit buggy, as you have to move the cursor to the right before dropping to reorder the rows successfully, as can be seen in the following example https://dojo.telerik.com/ipOyacoH . It would be nice if dragging and dropping directly above and below (inside the draggable column) would work without moving the cursor to the right, but I can't seem to make this work. Could somebody please help me with this?

Thanks in advance!

user192
Top achievements
Rank 1
commented on 13 Jul 2022, 07:40 AM | edited

I see my code snippet isn't working anymore, so here is one that should work: https://dojo.telerik.com/ipOyacoH

1 Answer, 1 is accepted

Sort by
1
Georgi Denchev
Telerik team
answered on 15 Jul 2022, 07:24 AM

Hello,

The problem likely occurs because the drop hint doesn't have enough space. This is also why the icon appears to be constantly changing while you're holding the row.

A slight increase to the width of the Draggable column should resolve the issue.

          {
            draggable: true,
            width: "90px",
          }

Dojo

https://dojo.telerik.com/@gdenchev/oQajIlOR 

Best Regards,
Georgi Denchev
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.

user192
Top achievements
Rank 1
commented on 15 Jul 2022, 09:19 AM | edited

Hi Georgi,

Thank you for your response! Making the draggable column width bigger is unfortunately not an option in this situation. I don't see why the draggable column needs to be wider than the drop hint for it to work properly. When I make the draggable column wider than the drop hint, the icon on the drop hint is still constantly changing.  It would be really nice if this could be fixed!

Georgi Denchev
Telerik team
commented on 20 Jul 2022, 08:01 AM

Hello,

I spoke to the Dev team about this behavior and they said they'll look into it. I've opened a bug report in our public GitHub repository which you can track here:

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

Unfortunately, until the Dev team comes to a conclusion, you will have to stick to the larger column size. I'll let you know if I manage to find a different workaround.

I apologize about the caused inconvenience.

Best Regards,

Georgi

Tags
Drag and Drop Grid
Asked by
user192
Top achievements
Rank 1
Answers by
Georgi Denchev
Telerik team
Share this question
or