Unplanned
Last Updated: 17 Jul 2025 10:53 by Rahul
Rahul
Created on: 18 Jul 2024 08:09
Category: Grid
Type: Bug Report
1
The OnDrop event arguments DestinationIndex and DropPosition are not correctly calculated when a hierarchical Grid row is expanded
The arguments within the OnDrop event are incorrectly calculated when a hierarchical grid row is expanded. This is likely because the expanded detail zone is being mistaken for a data row by the drag-and-drop algorithm.
4 comments
Rahul
Posted on: 17 Jul 2025 10:53

Hi Ivan,

Thanks for considering and discussing the issue internally. It’s been a while since I initially explained the problem.

For reference, please check the main support ticket here: 

 https://www.telerik.com/account/support-center/view-ticket/1656871

I had also shared a detailed screen recording earlier, which might be helpful for your review:  https://www.awesomescreenshot.com/video/29561390?key=771efcaaa1033d73ce2166ade0603884

Kindly review this with the team when possible. Let me know if any further details are needed.

 

Best Regards
RAHUL

 

 

ADMIN
Ivan Danchev
Posted on: 17 Jul 2025 08:36

Rahul,

Thank you for your patience while I checked in with the team regarding the bug you reported. 

We've discussed the issue internally, and while we fully understand the inconvenience, the team has determined that the issue will not be prioritized at the moment. Since there is a viable workaround and the bug isn't considered critical, it doesn't meet the criteria for expedited fixes. 

At this stage, I am unable to provide a specific timeline or release that will include an official fix. That said, the issue remains in our backlog and we will continue to monitor any changes in its impact or priority as we move forward.

Regards,
Ivan Danchev
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.

ADMIN
Ivan Danchev
Posted on: 16 Jul 2025 16:02

Hello Rahul,

Thank you for posting the workaround you came up with. 

Currently, the issue has not been scheduled for a particular upcoming release yet. I'll see if we can speed up its resolution. 

Regards,
Ivan Danchev
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.

Rahul
Posted on: 11 Jul 2025 07:41

I analysed with the latest version Telerik.UI.for.Blazor 9.1.0. Still this bug exists.

Please let us know when it could be resolved in near future releases.

Although, I'm sharing a workaround to resolved it by correcting index on init:

Here is a workaround on this. I observed that when row is getting expanded it's creating new table row instead of adding to the expanded row, see in the screenshot:

Here we can see row attribute data-render-row-index has value 2. To fix it, created javascript code to rewrite value to 1:

  1. Create javascipt method in _host.chtml to rewrite index value in expanded rows
    <script>
        window.JsFunction = {
            updateGridDetailRowIndex: function () {
                setTimeout(function () {
                    Array.from(document.getElementsByClassName("k-grid-table")[0].rows).forEach(r => {
                        if (r.getAttribute("class").match("k-expanded")) {
                            prevExpandRow = r;
                        }
                        if (r.getAttribute("class").match("k-detail-row")) {
                            r.setAttribute("data-render-row-index", parseInt(prevExpandRow.getAttribute("data-render-row-index")));
                        }
                    })
                }, 700);
            }
        };
    </script>
  2. Add OnRowExpand event
    <TelerikGrid Data="salesTeamMembers" RowDraggable="true" OnRowDrop="@((GridRowDropEventArgs<MainModel> args) => OnParentRowDropHandler(args))" OnRowExpand="@OnExpand">
  3. Inject IJSRuntime in razor page
    @inject IJSRuntime JSRuntime


  4. Call script method by using IJSRuntime
    async Task OnExpand(GridRowExpandEventArgs args)
    {
        await JSRuntime.InvokeVoidAsync("JsFunction.updateGridDetailRowIndex").ConfigureAwait(false);
    }

Note: It's not a permanet solution but it will resolved the issue.