I am using https://github.com/RamonSmit/Nestable for drag n drop list items within the ordered-list.
I have taken js and css from:-
https://cdnjs.cloudflare.com
Can we get the depth of list-item which is going to be dropped. Also somehow if we can get the depth of destination. This way we can check if both depth(s) are same or not. If same we will allow drop other wise we will return false.