This is a migrated thread and some comments may be shown as answers.

Dropped Draggables block other Draggables

5 Answers 26 Views
Drag and Drop
This is a migrated thread and some comments may be shown as answers.
Mike
Top achievements
Rank 1
Mike asked on 14 Mar 2014, 03:17 PM
I have a multi-point drag-and-drop scale, where 100 kendoDropTarget "ticks" span the width of the screen.

User drags kendoDraggable "tiles" and drops over the scale; tile is added to tick's drop zone.

The problem is when the user drags a new draggable and hovers over the recently-dropped draggable, the drop action for the underlying "tick" dropTarget is blocked. I need this action to NOT be blocked.

JSFIDDLE: http://jsfiddle.net/bsS2L/

5 Answers, 1 is accepted

Sort by
0
Petyo
Telerik team
answered on 18 Mar 2014, 08:08 AM
Hello Angelo,

when the draggable is dropped in the drop target, you append the element in it, effectively enlarging the drop target bounding box over its neighbors. I think that the best way to avoid this is to append the draggables in a container outside of the drop targets. Of course, the container z-index should be lower than the drop targets' one.

Regards,
Petyo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Mike
Top achievements
Rank 1
answered on 18 Mar 2014, 02:57 PM
Tried to no avail.

JSFIDDLE (http://jsfiddle.net/bsS2L/)
0
Mike
Top achievements
Rank 1
answered on 18 Mar 2014, 02:59 PM
Oops. Here's the JSFiddle Updated link:

http://jsfiddle.net/bsS2L/1/
0
Accepted
Petyo
Telerik team
answered on 18 Mar 2014, 03:10 PM
Hello Angelo,

Pardon my short-sight; Indeed, this won't be the only necessary change. The scale should stay on top of the dropped elements, but at the same time they should be draggable even after being dropped. I fiddled a bit with your case and I think that this version works as you expect. 


Regards,
Petyo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Mike
Top achievements
Rank 1
answered on 18 Mar 2014, 03:17 PM
Works great! Thank you.
Tags
Drag and Drop
Asked by
Mike
Top achievements
Rank 1
Answers by
Petyo
Telerik team
Mike
Top achievements
Rank 1
Share this question
or