marceljuenemann / angular-drag-and-drop-lists

Angular directives for sorting nested lists using the HTML5 Drag & Drop API
MIT License
2.16k stars 713 forks source link

Nested Container Demo "new element" issue when using newer version of bootstrap(3.3.7) #407

Open xzhouJarvia opened 7 years ago

xzhouJarvia commented 7 years ago

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. side cursor

needforspeed commented 7 years ago

any fix for this?