Column reorder freezes when dragging header outside of grid

[plevamatus]

Description

In the KendoReact Data Grid, when reordering columns via drag-and-drop, dragging a column header outside the grid area causes the operation to freeze.

Plan

KendoReact

Steps To Reproduce

1. Enable column reordering in the KendoReact Grid.
2. Start dragging a column header.
3. Move the mouse cursor outside the grid container

Screenshots or video

Recording.2025-06-03.082330.mp4

Actual Behavior

When the column header is dragged outside the grid container, the drag operation gets stuck — the header can no longer be moved. Once the mouse button is released, the column returns to its original position.

Expected Behavior

Dragging a column header outside the grid container should either:

• allow continued dragging and reordering when the mouse re-enters the grid area, or
• cancel the drag operation gracefully without freezing the UI.

Browser

Chrome

Browser version

latest

OS type

Windows

[zdravkov]

I could successfully replciated the issue on our demo example - here is a stackblitz - https://stackblitz.com/edit/react-r19sfwwq-ufzgpxw1?file=index.js