Thank you for your wonderful drag&drop directive. It is really powerful and useful for my project.
But when I implemented your nested demo, I found an issue that when I am using the newer version of bootstrap(3.3.7), the element inside the new elements container becomes not draggable when your put cursor on top of the button but draggable when the cursor is besides the border of the button(ad in picture1). And also the cursor on top of the button is in the shape of "disabled" (as in picture 2). At first I try to change the dnd-draggable type to other types, but it still doesn't help. I also tried to overwrite the cusor value using css, it works (the cursor become the right one), but the button is still not draggable. It seems to be that the in the older version of bootstrap the button and the whole area of "li" is draggable, but in the newer version only the area between the li and button is draggable, the area of the button only triggers the disable effect but not the draggable effect.
Thank you for your wonderful drag&drop directive. It is really powerful and useful for my project.
But when I implemented your nested demo, I found an issue that when I am using the newer version of bootstrap(3.3.7), the element inside the new elements container becomes not draggable when your put cursor on top of the button but draggable when the cursor is besides the border of the button(ad in picture1). And also the cursor on top of the button is in the shape of "disabled" (as in picture 2). At first I try to change the dnd-draggable type to other types, but it still doesn't help. I also tried to overwrite the cusor value using css, it works (the cursor become the right one), but the button is still not draggable. It seems to be that the in the older version of bootstrap the button and the whole area of "li" is draggable, but in the newer version only the area between the li and button is draggable, the area of the button only triggers the disable effect but not the draggable effect.