Unplanned
Last Updated: 18 Jan 2022 13:37 by ADMIN
Christian
Created on: 18 Jan 2022 13:33
Category: TreeView
Type: Bug Report
0
Drag and drop issue in Telerik Window

I'm trying to use a draggable TreeView inside a Window. I think the Window is interfering with the display of the red placement arrow when I try to move a tree node. I am able to have this work on another TreeView that is not in a Window.

Here is a REPL test page.

1 comment
ADMIN
Dimo
Posted on: 18 Jan 2022 13:37

Hello Christian,

You are right - the problem is caused by the z-index styles of the Window and the TreeView drag hint. Here is a CSS workaround:

/* display the TreeView drag hint over a Window */
body > .k-drop-hint {
    z-index: 11000 !important;
}

The Window's z-index is normally a little over 10,000.

The !important clause is needed, because the z-index of the hint element is set inline.

Regards,
Dimo
Progress Telerik

Learn about the important changes coming in UI for Blazor 3.0 in January 2022!