Dropped Draggables block other Draggables

6 posts, 1 answers
  1. Angelo
    Angelo avatar
    32 posts
    Member since:
    Nov 2011

    Posted 14 Mar 2014 Link to this post

    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/
  2. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 18 Mar 2014 Link to this post

    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!
     
  3. Kendo UI is VS 2017 Ready
  4. Angelo
    Angelo avatar
    32 posts
    Member since:
    Nov 2011

    Posted 18 Mar 2014 in reply to Petyo Link to this post

    Tried to no avail.

    JSFIDDLE (http://jsfiddle.net/bsS2L/)
  5. Angelo
    Angelo avatar
    32 posts
    Member since:
    Nov 2011

    Posted 18 Mar 2014 Link to this post

    Oops. Here's the JSFiddle Updated link:

    http://jsfiddle.net/bsS2L/1/
  6. Answer
    Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 18 Mar 2014 Link to this post

    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!
     
  7. Angelo
    Angelo avatar
    32 posts
    Member since:
    Nov 2011

    Posted 18 Mar 2014 Link to this post

    Works great! Thank you.
Back to Top
Kendo UI is VS 2017 Ready