#10622 closed bug (notabug)

Opened September 25, 2014 02:13PM UTC

Closed September 25, 2014 02:19PM UTC

nested draggable triggers outer draggable events

Reported by: miniME Owned by:
Priority: minor Milestone: none
Component: ui.draggable Version: 1.11.1
Keywords: Cc:
Blocked by: Blocking:
Description

When there are nested droppable elements, any events (drag/dragstart/dragstop) on the inner element are also triggered on the outer droppable element.

Here is a reduced example: http://jsfiddle.net/ru9Lvfwe/

Attachments (0)
Change History (1)

Changed September 25, 2014 02:19PM UTC by tj.vantoll comment:1

resolution: → notabug
status: new → closed

That's because the event bubbles up the DOM. You can prevent the bubbling with a 

stopPropagation()
call: http://jsfiddle.net/tj_vantoll/ru9Lvfwe/1/