The default insertion graphic is too small and difficult to navigate to for my users, so I override it with:
.ui-igtree-insertline {
border: dashed 1px @ElementFrameBackgroundColor1 !important;
border-radius: 5px;
height: 36px !important;
width: 100%;
}
Occasionally, when I drag and drop an item, it will end up inserting before the node that it was supposed to be after.
I created a jsfiddle to replicate the issue: http://jsfiddle.net/apmcmillan/4vnL55ao/16/
It does not happen all of the time, and I have not tracked down the exact steps to recreate, but if you run that jsfiddle, then drag node AAA0 to be down between AAB0 and AAB1...sometimes it will drop before AAB0. If it does not happen when you try it, then Run the fiddle again and try the steps to recreate...it will eventually happen.
Hello Ryan,
Thank you for using our community.
I have investigated your case and I figured out that increasing the height of the insert line is causing the issue you are experiencing. Actually this only happens if you don’t drop the element right between the first two nodes. Please try adding the following code:
.ui-igtree li {
margin-top: 0 !important;
margin-bottom: 0 !important;
I have tried it and it seems to fix the issue. If you need further assistance with this matter, please let me know.
Hello All, I just want to share, our developers have investigated this case and it turned out to be a third party issue in jQuery UI. When you drag an item faster the offset of the mouse is not calculated correctly and this interferes with the calculations of the igTree that are used to figure out where you want to drop the node. That is why the node is dropped on the wrong place. A proper fix could be expected in later jQuery UI version.
Thanks for the reply, but unfortunately that does not fix the problem. I have updated the fiddle with this suggestion, and still have the problem occur.
http://jsfiddle.net/apmcmillan/4vnL55ao/21/